Olive Dune color palette — #F8F1E0 · #9FA575 · #586E1D · #5E3F20 · #221C04

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

The five colors

• Cream (#F8F1E0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9FA575): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#586E1D): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#5E3F20): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#221C04): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, 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

• Cypress Alley color palette (#F0F4E4, #7CAC94, #00765E, #544500, #181F0A)
• Washed Amber color palette (#EAE3D3, #AA8E00, #797000, #484800, #222800)
• Olive Orchard color palette (#F8F4C8, #9AB45C, #5A7500, #2D3D00, #080D00)
• Hushed Moss color palette (#EEEAD1, #8A9C2A, #008BA0, #505C00, #002127)
• Tempered Bloom color palette (#F6F3D7, #C6E8B6, #7AC094, #696B2D, #26250F)
• Softworn Pine color palette (#E6FCED, #92A366, #377241, #544361, #1F3C33)
• Aged Studio color palette (#F5F1EA, #CFC2A1, #828757, #7B5C10, #33312A)
• Olive Terrace color palette (#E2E0CE, #6E8800, #007F78, #8A4600, #181400)

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