Hushed Harbor color palette — #FFF5D9 · #A6BC7F · #847800 · #5F3F00 · #121400

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

The five colors

• Custard (#FFF5D9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A6BC7F): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#847800): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#5F3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#121400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, 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

• Patina Bronze color palette (#FFF3E7, #CBAF70, #A86400, #722F18, #181200)
• Airy Pier color palette (#D7EDE2, #B0BB55, #98922E, #7A6B2A, #002C22)
• Worn Bronze Orchard color palette (#FEEDD6, #97862C, #684600, #391600, #010100)
• Ancient Boulevard color palette (#CCEAD8, #749251, #615607, #482800, #001307)
• Softworn Byzantium Harbor color palette (#FAF6DD, #8DA624, #8735C3, #911403, #0A0700)
• Tempered Bronze Hollow color palette (#FAF5E9, #D4E8C4, #B8AF82, #9D7034, #404300)
• Amber Terrace color palette (#FFF2EA, #EABE93, #CA6D43, #7F4447, #2C1F06)
• Ancient Chestnut color palette (#FDDFC7, #BF9148, #924900, #600A06, #060300)

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