Cerulean Harbor color palette — #F7F6EA · #ABB978 · #3A9BAB · #705E8F · #48413D

Cerulean and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Sage (#ABB978): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#3A9BAB): A luminous, balanced blue — the color of open sky before noon.
• Slate (#705E8F): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#48413D): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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

• Hushed Alley color palette (#FDF3E9, #D7A76C, #519E7E, #4E6A94, #5A3836)
• Softworn Iris color palette (#F3F7EF, #70C5A4, #6A8CCB, #8B5768, #45423B)
• Hushed Villa color palette (#EBF9F4, #C5D49B, #65AA95, #96574F, #49340D)
• Weathered Oat color palette (#E9FAF2, #CACD87, #7EAFDA, #987AA0, #4D3A56)
• Taupe Workshop color palette (#F9F6E1, #D0D6BD, #9EB398, #9A7A88, #5E4D4E)
• Worn Ridge color palette (#F8F5EF, #CBE6E5, #79B9E5, #469498, #5D4C5E)
• Jade Harbor color palette (#F7F8D9, #A0D7AB, #45B07D, #448D78, #42563E)
• Clover Terrace color palette (#F5F7E4, #55B545, #0083A9, #752C98, #581600)

Browse the whole catalog at Explore, or see today's palette.