Piéton is a CSS color system that's bright and accessible.
In general, light colors over dark, and dark over light will yield the most accessible combinations.
Each color has a -fg and a -bg modifier to use as a foreground or background color, respectively.
<section class="pieton-yellow-fg pieton-near-black-bg">
walking is cool, don't let anyone tell you different.
</section><a href="#" class="pieton-blue-fg"> link </a>