Tempered Cerulean color palette — #CCF0E8 · #009AA3 · #00647E · #003F5C · #001A40
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#CCF0E8): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#009AA3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00647E): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003F5C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001A40): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Weathered Lagoon color palette (#D7EADB, #009B74, #006C66, #003C44, #001C28)
- Faded Pier color palette (#DDFCFF, #00C8E2, #008FAC, #005773, #002536)
- Ancient Azure color palette (#CBE7FF, #11AEF3, #006396, #002C4B, #000710)
- Quiet Rust color palette (#CCF2DF, #0094BE, #B64E00, #00546E, #290C00)
- Wisteria Study color palette (#E2F6FF, #B8CEFF, #C288EB, #006D6D, #00253C)
- Cerulean Ridge color palette (#D3F1D1, #74C1CF, #4594B9, #3D5E85, #4A2F45)
- Misty Nightshade Summit color palette (#D8F6FD, #0099CD, #005CB1, #2212AA, #20004D)
- Washed Sapphire color palette (#DEF2FF, #639FE6, #555EBD, #452F78, #2B1439)
Browse the whole catalog at Explore, or see today's palette.