THE PALUNIO FIELD NOTES
Color design guides
for real projects.
Useful ideas to take from your first swatch to your next finished project.
ACCESSIBILITY
A palette is not an accessibility check
How to move from five beautiful swatches to readable, usable color pairs.
Read the field noteCOLOR SCIENCE
Build a scale that feels like one color
A practical introduction to OKLCH, perceptual lightness, and the edges of your screen.
Read the field noteWORKFLOW
From inspiration to implementation
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