Hushed Olive Garden color palette — #F0F7F1 · #94B9A8 · #5F7E4A · #5F5373 · #2B4A3C

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Sage (#94B9A8): A luminous, dusty teal — the color of glacier melt.
• Fern (#5F7E4A): A full-bodied, balanced green — the color of fresh herbs.
• Graphite (#5F5373): A full-bodied, dusty violet — the color of wild irises.
• Forest (#2B4A3C): 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 Olive Garden 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 Lagoon Boulevard color palette (#EEF8F4, #ABC8C3, #5B8D7B, #745C77, #395350)
• Patina Bronze Atelier color palette (#EAFAF1, #C3E7EC, #91CFBC, #9D7044, #3C574D)
• Wandering Fern Veranda color palette (#EBFAEC, #7EA594, #45702D, #5E4618, #0E3F2E)
• Dusty Delta color palette (#EAFAF0, #AAA169, #648AC7, #736600, #2B4267)
• Powdered Cocoa color palette (#E2FCF7, #69B597, #007977, #883018, #044632)
• Olive Boulevard color palette (#F8F1E4, #BCB585, #787A2C, #7B4614, #2E2615)
• Ancient Cypress color palette (#FAF3F8, #C1E2F1, #4A94B8, #00735E, #334962)
• Cocoa Studio color palette (#D8E9E6, #4A9D88, #006166, #65290A, #002F34)

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