Chalky Olive color palette — #F5E9C5 · #9EA668 · #736E00 · #504300 · #172000

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

The five colors

• Parchment (#F5E9C5): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9EA668): A luminous, balanced green — the color of new leaves after rain.
• Olive (#736E00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#504300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#172000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Chalky 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

• Softworn Cocoa Field color palette (#FDF0DE, #BCAA7D, #8B7040, #6A4200, #2A210D)
• Weathered Moss color palette (#E5E2CD, #919436, #665D00, #423500, #101400)
• Ancient Olive color palette (#D6F8E6, #91A66F, #746B00, #624200, #10401A)
• Sunlit Moss Lantern color palette (#FFF5D9, #C1DB97, #9F9524, #7F5700, #093112)
• Hushed Bronze color palette (#F5DEC5, #916925, #603A00, #371A00, #090400)
• Antique Cocoa color palette (#FAE6D8, #A97B5A, #7E4321, #551C09, #190A00)
• Indigo Balcony color palette (#FFEBF9, #616EDE, #00804D, #005554, #23081D)
• Hushed Cobalt Boulevard color palette (#DEF9F1, #007ABB, #435800, #00422E, #001307)

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