Cerulean Coast color palette — #F5F1EB · #C6E6CE · #419AB7 · #156D62 · #0A3429
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#F5F1EB): bright and airy, almost weightless.
- Celadon Mist (#C6E6CE): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#419AB7): A luminous, balanced blue — the color of deep harbor water.
- Pine (#156D62): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#0A3429): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns 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
- Hushed Azure color palette (#F5F1EB, #BEE7D7, #5991CC, #006A79, #3B2238)
- Tempered Cerulean color palette (#F5EEE4, #3D97AF, #005070, #002C2B, #00040E)
- Denim Studio color palette (#EBE5DB, #73A3C0, #00599F, #003841, #010230)
- Muted Station color palette (#EDE8E0, #7BC0CF, #00759A, #004C48, #00172A)
- Aged Turquoise color palette (#F0F7F1, #B1F2FB, #61B1CD, #4B877E, #324B5E)
- Gentle Terracotta Hollow color palette (#FDEEE7, #DF8978, #009DBD, #9E4536, #002D38)
- Hazy Emerald color palette (#FFEEE4, #CF6E4E, #009760, #5D62AC, #2E180A)
- Tempered Bronze Atelier color palette (#FAF1DD, #A9B180, #82762F, #5F4818, #242412)
Browse the whole catalog at Explore, or see today's palette.