Hushed Harbor color palette — #F5F6EF · #CCE4CB · #009DA4 · #197162 · #30503A

Built around Cerulean, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Celadon Mist (#CCE4CB): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#009DA4): A luminous, balanced blue — the color of open sky before noon.
• Teal (#197162): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#30503A): 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 Hushed 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 Cerulean color palette (#F8F0EB, #ACEAE6, #4F9AA9, #396B4B, #0D3428)
• Hushed Harbor color palette (#E2FDED, #0098B7, #7568D4, #35794E, #263E31)
• Worn Powder Station color palette (#EAFAEE, #D6D7E7, #93D5FF, #38908E, #3B5143)
• Quiet Bronze Boulevard color palette (#EDF9EC, #16B6B2, #A38700, #007572, #4E410F)
• Washed Atelier color palette (#F5F6EF, #AFCEB7, #00869F, #005F60, #084153)
• Soft Dune color palette (#D1E8C0, #3DBDA9, #008D86, #006364, #17455B)
• Cerulean Station color palette (#EBECDF, #519DA3, #00535E, #00302D, #00171E)
• Cerulean Coast color palette (#F4F6EF, #C3E5D7, #4D91C3, #206C81, #553E58)

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