Cerulean Harbor color palette — #FEEEE7 · #93DEE9 · #008FBC · #00644F · #002549
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#FEEEE7): bright and airy, almost weightless.
- Ice Blue (#93DEE9): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#008FBC): A luminous, balanced blue — the color of open sky before noon.
- Pine (#00644F): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002549): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Tempered Cobalt Field color palette (#FDEFE7, #64CCE3, #007BAD, #005346, #00183E)
- Dusty Cornflower Workshop color palette (#FBF0E6, #A5D7F7, #277DF6, #006166, #1F1F47)
- Wandering Cerulean Boulevard color palette (#F8F0EC, #CEE3CD, #179EB7, #157045, #133329)
- Worn Teal color palette (#C7E7D9, #00B7AD, #00848E, #00485E, #002842)
- Powdered Azure color palette (#FDF1FA, #83EEFF, #28A9DC, #00856B, #1D4168)
- Worn Thicket color palette (#F7F0EC, #C7E4E3, #77A1C7, #357873, #432E3F)
- Patina Cerulean color palette (#F3E3DC, #4598A0, #005168, #002D1F, #00050D)
- Powder Studio color palette (#D7FDE0, #D3E9FF, #BFB3FF, #007F71, #003124)
Browse the whole catalog at Explore, or see today's palette.