Cerulean Coast color palette — #E6F2E8 · #8FD2D2 · #0097AA · #006E55 · #003343
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Ice Blue (#8FD2D2): A luminous, dusty teal — the color of sea glass.
- Cerulean (#0097AA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006E55): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#003343): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Feathered Summit color palette (#E7F2E9, #8FCFEA, #008ED6, #006B71, #122D53)
- Worn Cerulean color palette (#F6F6E9, #B3F4F3, #25A4AF, #006B5F, #00232A)
- Aged Lantern color palette (#DBE5DD, #3CA2B4, #00617E, #003C38, #000A16)
- Quiet Azure color palette (#EFF8F1, #A4E6FF, #00A7EE, #008285, #19416D)
- Misty Forest color palette (#F6EAF7, #77C0C0, #007391, #00541D, #0E2F51)
- Chalky Field color palette (#F7ECE7, #9AE2E1, #3CB5D1, #00965F, #00324B)
- Dusty Lantern color palette (#F1F7F2, #D2E1F1, #6DBFD4, #5D9385, #3E5666)
- Frosted Brick color palette (#EAD7E9, #F55E6A, #00999F, #BA0032, #003032)
Browse the whole catalog at Explore, or see today's palette.