Cerulean Coast color palette — #F5F6EC · #B0F2FF · #00A2C3 · #00696B · #00222F
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F5F6EC): bright and airy, almost weightless.
- Sea Foam (#B0F2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#00A2C3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00696B): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00222F): 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
- Hushed Azure color palette (#F3F7EC, #D5E0FD, #0A97F3, #006682, #061E3C)
- Turquoise Lagoon color palette (#F4F6EE, #BBE2F1, #4AB3E0, #007D8A, #03324B)
- Aged Denim color palette (#DFE2D4, #6FABC5, #005C82, #002A32, #000103)
- Petrol Villa color palette (#E2ECE4, #84BFC9, #007696, #004C45, #001828)
- Cerulean Coast color palette (#F5F6EF, #BEDFEA, #A3C4EF, #4DA1A7, #375549)
- Feathered Raspberry Market color palette (#FFF0F7, #9973FF, #E51880, #007697, #1D0211)
- Powdered Sapphire color palette (#CBE4FF, #7BAEFF, #2A61FE, #353EA3, #151144)
- Cobalt Summit color palette (#FFF0F8, #E5D9E2, #F2C1FF, #6A73BE, #361C29)
Browse the whole catalog at Explore, or see today's palette.