Tempered Cerulean color palette — #EFF8F1 · #D8DBF4 · #88A5DA · #2687A3 · #3A4766

Cerulean and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Powder Blue (#D8DBF4): A whisper-light, dusty violet — the color of a velvet chair.
• Cornflower (#88A5DA): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#2687A3): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3A4766): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Cerulean 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

• Timeworn Iris Harbor color palette (#FBF2F5, #CADFF4, #7C85C0, #007075, #444462)
• Weathered Petrol color palette (#E2ECE4, #7FBCCB, #007FA9, #005956, #00213A)
• Washed Denim Orchard color palette (#E5F1E7, #559CBE, #005C95, #003B40, #000623)
• Weathered Dune color palette (#FAF4ED, #BCEEF5, #A9B9FF, #35ABAE, #5D3C4A)
• Coral Ridge color palette (#FFF0FE, #EA8186, #77A866, #5A87CA, #452F45)
• Chalky Cerulean Station color palette (#EBFAEE, #8FD9E5, #009BC2, #007369, #003753)
• Antique Thicket color palette (#FFF0FE, #ECE7B6, #EBD3D4, #AF8295, #5E4659)
• Powdered Raspberry Loft color palette (#FDF0FE, #EAA0A9, #40BAB0, #C25A6C, #004D48)

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