Hushed Olive color palette — #FCF2F7 · #99B9A1 · #6B7B40 · #694D75 · #2F4A36

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

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Sage (#99B9A1): A luminous, dusty teal — the color of sea glass.
• Olive (#6B7B40): A full-bodied, balanced green — the color of fresh herbs.
• Graphite (#694D75): A full-bodied, dusty pink — the color of neon signs at night.
• Forest (#2F4A36): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Hushed Olive 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

• Dusty Lagoon color palette (#F1F7F2, #A6CABD, #648C70, #6F5D7F, #3B534B)
• Patina Forest color palette (#EEF9ED, #7BA694, #426F45, #49456D, #193D30)
• Worn Bloom color palette (#F7F1E6, #BDB48C, #647F4C, #365E4F, #2C2712)
• Garnet Station color palette (#E7FBF0, #87B081, #007B67, #842F43, #23441E)
• Airy Bloom color palette (#F5F3FF, #B98DC2, #78954B, #8F3AA1, #374A17)
• Feathered Loft color palette (#DFF1DE, #929850, #006E24, #6C1F58, #2E3100)
• Weathered Lantern color palette (#FFF3E7, #E1D798, #98B787, #A48791, #533F00)
• Hushed Cobalt Boulevard color palette (#F3F4FF, #EBD6E0, #EABF96, #537AB4, #4F435E)

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