Hushed Bloom color palette — #FFF1F6 · #80A68B · #60691D · #31497C · #213C2A

A conversation between Olive and Navy, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#80A68B): A luminous, dusty teal — the color of sea glass.
• Olive (#60691D): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#31497C): A full-bodied, balanced violet — the color of wild irises.
• Forest (#213C2A): 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 Bloom 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

• Tempered Cabin color palette (#EEF8F0, #79A696, #466E45, #005754, #183D32)
• Antique Orchard color palette (#E9FBE8, #ACA56D, #527700, #454691, #433B00)
• Dusty Olive Ridge color palette (#F5F2E7, #9EA574, #557000, #055248, #221C01)
• Ancient Study color palette (#D9EADC, #8D9152, #2C6413, #3F3368, #2A2C00)
• Tempered Olive color palette (#E9FAF0, #B4BA7E, #728C2A, #386F64, #1E3C31)
• Antique Lagoon color palette (#EDF8F4, #A4CAC6, #538F7E, #67617D, #3C5250)
• Grape Balcony color palette (#EBEDFF, #9B7DC2, #628627, #6F28AD, #283D00)
• Hushed Taupe color palette (#FFF3E6, #D9CA8A, #94AA60, #967990, #38352E)

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