Tempered Cerulean Coast color palette — #F5F6EB · #9FDBDC · #00909D · #00675E · #004855
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F5F6EB): a clean, paper-quiet neutral.
- Ice Blue (#9FDBDC): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#00909D): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00675E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#004855): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Cerulean Coast 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
- Quiet Cerulean color palette (#FFEEE5, #8AE1E4, #0091B0, #006544, #002840)
- Turquoise Courtyard color palette (#F5F6EF, #C5E8E4, #59A5C0, #2A7C81, #365146)
- Hushed Aqua Dune color palette (#F5F7E4, #4ACCD7, #007C8D, #005652, #003947)
- Wandering Lagoon Field color palette (#ECECE0, #31A2A1, #00545A, #00302A, #00181C)
- Timeworn Boulevard color palette (#F4F6EE, #9ED5FF, #0082DE, #006280, #23406A)
- Pale Turquoise color palette (#FEF1FA, #81F0F2, #00ADD0, #00875A, #004469)
- Worn Lagoon color palette (#DEE1D4, #6BA7C6, #005D8B, #003C49, #00213C)
- Tempered Aqua color palette (#EFFBD6, #A2F3D4, #00D2C5, #3B8035, #1D5340)
Browse the whole catalog at Explore, or see today's palette.