Tempered Cerulean color palette — #EFF7F7 · #DADCE7 · #C1C2EB · #579BBE · #3D4E67

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#DADCE7): a clean, paper-quiet neutral.
• Lilac Frost (#C1C2EB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cerulean (#579BBE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#3D4E67): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Teal Meadow color palette (#EFF7F5, #D4E0ED, #9DD8DF, #3AA598, #2C5364)
• Softworn Azure color palette (#E9F9F7, #CCDEFD, #00A0CC, #006970, #002232)
• Wandering Villa color palette (#F3F6EF, #C5E7EC, #7B9BC6, #517869, #5E4C5B)
• Cobalt Station color palette (#E7FAF9, #ADD0EF, #347EC1, #004E66, #000B24)
• Teal Garden color palette (#E9F8FE, #D3DAE6, #BBAEB0, #72C0B8, #38515C)
• Turquoise Hollow color palette (#E9F9F6, #CDE1EF, #00C2E3, #008886, #003B4C)
• Dusty Workshop color palette (#E1EFEC, #73AEAE, #006068, #002C26, #000102)
• Wandering Moss Corridor color palette (#E5FAFD, #96DCCB, #82C2F5, #A4A948, #213E41)

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