Tempered Cerulean color palette — #F7EAF3 · #8DD1E1 · #3390C1 · #006D5E · #152D51
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Sky (#8DD1E1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3390C1): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006D5E): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#152D51): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Aged Azure color palette (#FCF4E8, #B7F1FF, #009FD2, #006A66, #002038)
- Tempered Terrace color palette (#F5EBF2, #8CB9CE, #2C6D9D, #00523C, #202957)
- Periwinkle Garden color palette (#FFF1F5, #B9E0FF, #6697FE, #00818C, #3C3A63)
- Softworn Periwinkle Parlor color palette (#F6ECE7, #B7DEC5, #51ACF2, #009471, #1F275E)
- Powder Lagoon color palette (#FBF2F7, #D8D5E6, #88B7DC, #608F98, #465367)
- Hushed Coast color palette (#EBDCE3, #529CBF, #0058A3, #003B3B, #05002C)
- Teal Pier color palette (#FBE9F6, #1FB7BC, #00728B, #004D32, #001626)
- Feathered Seafoam color palette (#D2FEDF, #48EDE8, #6AC0F9, #707F43, #003A41)
Browse the whole catalog at Explore, or see today's palette.