Cerulean Coast color palette — #F7EFF6 · #98D4D7 · #2B87AA · #225C37 · #0D2139
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Blush (#F7EFF6): a clean, paper-quiet neutral.
- Ice Blue (#98D4D7): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#2B87AA): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#225C37): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#0D2139): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Patina Cerulean Studio color palette (#F7EFF4, #BAE3FA, #6891BD, #2C6B5C, #232B40)
- Aged Cerulean color palette (#ECF8F6, #9FCEDD, #2A8693, #00605A, #004250)
- Cobalt Lagoon color palette (#F2E5EB, #7EBDD9, #256ABE, #004C42, #140D37)
- Washed Cabin color palette (#FAF4EB, #D0DDF5, #5DB4CA, #1A806C, #063728)
- Ancient Cerulean color palette (#F8EBF6, #278693, #00405E, #002112, #00000D)
- Navy Bloom color palette (#F7E1EB, #1A96C7, #06419F, #002C28, #050018)
- Aged Station color palette (#D6FBF5, #A6EDE2, #77BEE6, #7D6A37, #06292B)
- Timeworn Clover color palette (#CFF1EC, #5ABA48, #974D92, #266519, #2F0A2D)
Browse the whole catalog at Explore, or see today's palette.