Cerulean Harbor color palette — #F9F4ED · #C8E6C6 · #3999A6 · #277159 · #334F41
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Celadon Mist (#C8E6C6): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#3999A6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#277159): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#334F41): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Wandering Cypress Lagoon color palette (#F9F4ED, #C2E6D3, #5D90B4, #007075, #553F56)
- Muted Cerulean color palette (#F9F4ED, #89D3E0, #0085A8, #006058, #153E58)
- Muted Cerulean Field color palette (#EEE5D7, #2AA1AB, #005264, #003129, #001623)
- Patina Lagoon Quarry color palette (#FAF3F7, #CBE2F8, #6FB0C0, #548868, #2A4B64)
- Orchid Alley color palette (#FFF1F3, #B168B8, #9C7404, #007780, #493035)
- Antique Corridor color palette (#FDF4E6, #A6D3FF, #4A7ADE, #00637C, #373B66)
- Worn Chestnut Hollow color palette (#FDF5DD, #A1AE7A, #7A7537, #6B4B00, #414000)
- Softworn Wisteria Field color palette (#FFF1F4, #BF85D3, #629B4D, #7B5488, #42433C)
Browse the whole catalog at Explore, or see today's palette.