Quiet Olive color palette — #FFF4DE · #CDC770 · #7C8600 · #864400 · #221F00

Olive Leaf and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Honey (#CDC770): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#7C8600): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#864400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#221F00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Soft Emerald Alley color palette (#F8F7DF, #9FD48F, #299546, #6D5400, #092600)
• Mustard Corridor color palette (#FFF4E0, #DBA900, #A08300, #615500, #252400)
• Airy Mustard color palette (#FDF8C6, #C6B500, #00AFB7, #776D00, #002426)
• Dusty Rust Pier color palette (#F6FCB7, #9DA200, #00A08A, #B84D00, #131400)
• Hushed Bronze color palette (#F8F5EB, #E1ECBB, #92A67B, #8A742B, #3A3932)
• Tempered Chartreuse color palette (#F2FFA9, #C4D600, #859000, #3F4400, #060700)
• Worn Fern color palette (#FDF4E3, #A9A65F, #5C6707, #473B00, #090800)
• Weathered Fern color palette (#E8E2C2, #769C44, #1E5D00, #282F00, #010100)

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