Hushed Harbor color palette — #E5F7F0 · #90AA71 · #40742E · #1C4E5A · #03221C

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

The five colors

• Ivory (#E5F7F0): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#90AA71): A luminous, balanced green — the color of fresh herbs.
• Olive (#40742E): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#1C4E5A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#03221C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Cypress color palette (#E3F6F7, #69B09E, #00746C, #2D4962, #002125)
• Timeworn Pier color palette (#FFF3E2, #9BA24F, #447038, #603F52, #37352F)
• Fern Bloom color palette (#D2E3DC, #7C985D, #1F6600, #5D260E, #001712)
• Softworn Boulevard color palette (#E0F6F0, #4F893F, #005220, #003035, #000A08)
• Aged Quarry color palette (#ECF4EF, #A7CEBB, #7F885B, #6B5B6C, #26352E)
• Patina Courtyard color palette (#E7F5F2, #A3D0DD, #008C98, #005C53, #002432)
• Lowlit Grove color palette (#DEEEE4, #5F5B00, #282D00, #2E0006, #010100)
• Aubergine Archive color palette (#E9E6FF, #B374C5, #0089A8, #763388, #00202A)

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