Cerulean Harbor color palette — #F7F0ED · #CBE5C8 · #299DB1 · #306D46 · #153328
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F0ED): a clean, paper-quiet neutral.
- Celadon Mist (#CBE5C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#299DB1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#306D46): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#153328): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Muted Cerulean Grove color palette (#F7F0EC, #C4E6D3, #5994C2, #006D65, #382435)
- Mint Meadow color palette (#E2EACA, #5EC3A1, #008D80, #005E68, #0E3524)
- Muted Cerulean color palette (#FAEFEA, #B0D1B8, #0088B1, #005D48, #02213E)
- Wandering Abyss color palette (#E9DED9, #4F979B, #005266, #002D1D, #00050C)
- Muted Coral Atelier color palette (#E7F7E7, #53B6B7, #CC6B7E, #007375, #401821)
- Dusty Powder color palette (#E9F6E9, #D5D4E6, #B3BFF2, #618D6F, #1F3429)
- Aged Aqua color palette (#EEF8F5, #D2E0EE, #3FD2D8, #3B9381, #1B4554)
- Wandering Aqua color palette (#DCFBE3, #63D0DC, #008596, #004C56, #001B21)
Browse the whole catalog at Explore, or see today's palette.