THE PALUNIO FIELD NOTES
Color design guides
for real projects.
Useful ideas to take from your first swatch to your next finished project.
ACCESSIBILITY
How to Build an Accessible Color Palette: Roles & Contrast
How to move from five beautiful swatches to readable, usable color pairs.
Read the field noteCOLOR SCIENCE
OKLCH Color Scales: Generate Shades, Tints & Check Contrast
A practical introduction to OKLCH, perceptual lightness, and the edges of your screen.
Read the field noteWORKFLOW
Turn a Color Palette into CSS Variables & Design Tokens
Turn a photo or a promising palette into a small, portable design system.
Read the field noteACCESSIBILITY
How to Fix Brand Color Contrast Without Guessing
A worked WCAG example: measure a failing pair, adjust lightness, verify the rounded HEX and preserve the right brand decisions.
Read the field noteDEVELOPER WORKFLOW
Build a Tailwind CSS v4 Color Palette from a Brand Color
Generate an OKLCH-derived 50–950 scale, preserve your exact brand color and export practical Tailwind v4 theme variables.
Read the field noteCOLOR SCIENCE
sRGB vs OKLab Gradients: Same Endpoints, Different Middle
Compare CSS interpolation spaces, use a browser fallback and understand why an attractive gradient can still be difficult for text.
Read the field note