Tempered Cerulean color palette — #F4F6F0 · #C5E2E4 · #7AA9D8 · #0087AD · #583D58
Cerulean and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Silver (#C5E2E4): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#7AA9D8): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0087AD): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#583D58): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Lagoon Pier color palette (#F5F6EF, #C2E4E0, #5EB2CC, #008C90, #1B4E63)
- Washed Grove color palette (#FBF4EE, #C5E4DA, #6B8AC4, #006F78, #5C3C4F)
- Softworn Lilac color palette (#ECFAE9, #77C8C2, #9F98F0, #00948E, #403A6C)
- Softworn Petrol Studio color palette (#DFE0D7, #98BBA2, #00829B, #005959, #002330)
- Dusty Denim Pier color palette (#EDEFE5, #629CB2, #006084, #003A43, #000A15)
- Muted Cerulean color palette (#F6F7E5, #97D8DD, #009EB1, #00736C, #003A46)
- Pale Moss color palette (#E9FCE3, #47BAAA, #5C9EDA, #829000, #2A3F22)
- Washed Cornflower Harbor color palette (#EDF0E6, #9CD1C3, #3F87DF, #00668C, #152B59)
Browse the whole catalog at Explore, or see today's palette.