Hushed Olive Pier color palette — #EAFAF3 · #A6B787 · #5E7E4A · #346361 · #2A4941

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

The five colors

• Ivory (#EAFAF3): a clean, paper-quiet neutral.
• Sage (#A6B787): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5E7E4A): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#346361): A full-bodied, dusty teal — the color of sea glass.
• Forest (#2A4941): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Hushed Olive Pier 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 Canyon color palette (#E7FBEF, #A5AA4E, #5E7300, #015F50, #3C3E11)
• Timeworn Lagoon color palette (#EEF7F6, #A2CAC9, #578E79, #4F6B71, #3C5252)
• Hushed Basalt color palette (#FBF4EA, #C5C993, #789B6C, #64795E, #4F4100)
• Dusty Meadow color palette (#FFF1F5, #DAD8AA, #93B88B, #7197A4, #2C4A3C)
• Ancient Emerald color palette (#D2F4ED, #4BA95B, #006C40, #004F40, #053812)
• Dusty Pine color palette (#D7F7F0, #468C46, #00532A, #00353D, #00201D)
• Weathered Boulevard color palette (#EFF6FF, #DBD7E8, #C8C0F5, #5D87AD, #444D5C)
• Twilit Forest Garden color palette (#DCF6F5, #006E53, #00332B, #001B1C, #000805)

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