Cerulean Harbor color palette — #D3FDEC · #C6E2FF · #B1C5FF · #2CA0C5 · #0C3E32
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D3FDEC): A whisper-light, dusty teal — the color of sea glass.
- Powder Blue (#C6E2FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#B1C5FF): A whisper-light, balanced violet — the color of a velvet chair.
- Cerulean (#2CA0C5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Forest (#0C3E32): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged pastel, light, muted, cool.
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
- Teal Boulevard color palette (#E4FDE0, #A8ECF2, #9CCAFF, #5AB39F, #003637)
- Aged Basin color palette (#FFEEFF, #D2DFFF, #C4C0FF, #5FA6DE, #233355)
- Hushed Thicket color palette (#D3FBE8, #B2D4FE, #C8A7F3, #0A8880, #0F384F)
- Lilac Canyon color palette (#F2E5F2, #B8C8FF, #B3A0FF, #3387C6, #1A244C)
- Wandering Periwinkle color palette (#DFF1FF, #A1CCF5, #7D99EB, #00607A, #051C2F)
- Olive Studio color palette (#D6EDDF, #00B0D6, #958300, #377800, #001916)
- Worn Powder Canyon color palette (#FFF0FC, #E7D5D7, #93B5E3, #CFA79D, #5D4454)
- Misty Fuchsia color palette (#C6EDEE, #F76EFE, #8BA0FF, #3B446B, #1F0D1B)
Browse the whole catalog at Explore, or see today's palette.