Olive Dune color palette — #EDF8F4 · #8BBBAF · #58804C · #376455 · #2A4942

A conversation between Fern and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Sage (#8BBBAF): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#58804C): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#376455): A full-bodied, dusty teal — the color of sea glass.
• Forest (#2A4942): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Antique Lagoon color palette (#EEF7F7, #98CCCC, #558E7C, #486E6B, #3A5253)
• Olive Meadow color palette (#E6FBF1, #9BAB6B, #4D7800, #2B5D34, #363F17)
• Washed Workshop color palette (#E7F9FF, #67C2CA, #008389, #005157, #00383B)
• Amber Alley color palette (#E1FBFD, #56B397, #B77C00, #00775D, #563D16)
• Indigo Parlor color palette (#E9F8FF, #009AAE, #656ED6, #427744, #1D3D49)
• Bronze Field color palette (#FBF5E7, #B4CF93, #6C9C7B, #896E26, #494400)
• Quiet Fern color palette (#D2EBE2, #799660, #166707, #004A2D, #073029)
• Tempered Thicket color palette (#D5E6E1, #3E7C2E, #00441A, #182800, #021500)

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