Tempered Cornflower color palette — #E6FCE9 · #DBB722 · #4A81EB · #755EB7 · #2F1D38

Azure and Saffron set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6FCE9): A whisper-light, dusty green — the color of new leaves after rain.
• Saffron (#DBB722): A luminous, balanced green — the color of new leaves after rain.
• Azure (#4A81EB): A luminous, vivid violet — the color of wild irises.
• Cornflower Indigo (#755EB7): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#2F1D38): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Tempered Cornflower into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Dusty Garden color palette (#DAFFF4, #A8CC23, #7376EA, #8C5BA9, #371A30)
• Sunlit Cornflower color palette (#FFF1F5, #FFA740, #008CEB, #287BC1, #2C1C39)
• Sapphire Station color palette (#D7F0E2, #BBAD28, #3870DE, #365FAF, #1F0720)
• Mustard Lagoon color palette (#DDFFEA, #D4B600, #00A8D4, #A84B9F, #4E124A)
• Powdered Clover Alley color palette (#FFF1F5, #DEC000, #1EC476, #875BAD, #313A05)
• Chalky Harbor color palette (#FFF1F6, #F98C03, #00A9C7, #00829A, #29203A)
• Weathered Market color palette (#E6FAFA, #6ACEA3, #C98EB9, #9486AB, #303A30)
• Lime Hollow color palette (#E1FCF5, #4ADE36, #AB60D1, #AB4686, #381702)

Browse the whole catalog at Explore, or see today's palette.