Cerulean Coast color palette — #F8EFF5 · #B9E4F8 · #5796B8 · #1E6D5D · #1A2D44
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8EFF5): a clean, paper-quiet neutral.
- Powder Blue (#B9E4F8): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#5796B8): A luminous, balanced blue — the color of open sky before noon.
- Pine (#1E6D5D): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#1A2D44): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Muted Petrol Bloom color palette (#F8EFF2, #DAD0E2, #879DC2, #3C757E, #303549)
- Aged Summit color palette (#F9EEF4, #A3CEEA, #4B7FB6, #005B5A, #171D3D)
- Patina Thicket color palette (#FCF3EF, #C4E6CF, #5791BA, #1C7354, #3A4668)
- Teal Veranda color palette (#CDF3E7, #00C3BF, #008697, #005272, #172E45)
- Denim Terrace color palette (#EFDAE6, #4395B2, #004D7D, #002C29, #01001E)
- Hushed Workshop color palette (#E2F5FF, #00B7D6, #CD704F, #007185, #411B0D)
- Frosted Drift color palette (#E3F5FF, #009DBD, #BD614D, #955B31, #0A212C)
- Hushed Taupe color palette (#E5F8E4, #BAAB76, #8D6F47, #604153, #102820)
Browse the whole catalog at Explore, or see today's palette.