Cerulean Harbor color palette — #FDF0FF · #8DB488 · #03859F · #784A51 · #364C4E
A conversation between Cerulean and Sage, giving this palette its sense of nature and growth.
The five colors
- Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Sage (#8DB488): A luminous, dusty green — the color of fresh herbs.
- Cerulean (#03859F): A full-bodied, balanced blue — the color of deep harbor water.
- Coffee (#784A51): A full-bodied, dusty red — the color of a theater curtain.
- Charcoal (#364C4E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Cerulean Harbor 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 Teal Alley color palette (#FFF1F6, #60B9B1, #5C76AA, #745132, #364B56)
- Lagoon Balcony color palette (#FDF1FA, #BBA66E, #40876B, #70496F, #364E45)
- Tempered Teal Corridor color palette (#FEF0DB, #62C19A, #42848B, #6F4448, #262F21)
- Timeworn Cobalt Corridor color palette (#EDF9F2, #A39A54, #4E6EB0, #754812, #324A30)
- Tempered Lagoon color palette (#EEF8F4, #A0CACA, #518D8C, #4C6E63, #3D5251)
- Dusty Market color palette (#FFF0FA, #00A66B, #006892, #7B2200, #003F3B)
- Faded Seafoam Studio color palette (#E9F9FA, #F1F5AC, #4BE8C4, #6896D1, #34515D)
- Dusty Seafoam color palette (#FFF2EB, #A5E1BB, #7DB9C8, #AD7F76, #404C39)
Browse the whole catalog at Explore, or see today's palette.