Weathered Olive color palette — #F6EFD8 · #877D00 · #3C4100 · #0C1400 · #000200

Built around Olive Leaf, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F6EFD8): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#877D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3C4100): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#0C1400): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

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

• Olive Loft color palette (#E4F2D6, #478E1C, #004E1D, #00160A, #000201)
• Deep Harbor color palette (#F8E7E1, #885800, #323500, #001701, #000604)
• Softworn Bloom color palette (#ECE0BC, #CF9C00, #888200, #405800, #010100)
• Basalt Balcony color palette (#EBE5DA, #C3BAA5, #9C9270, #4C3900, #020100)
• Wandering Olive color palette (#EEFAB1, #9CCF55, #2F8B00, #00541B, #00170A)
• Clover Archive color palette (#DCE6D9, #03B652, #007D4D, #003226, #000705)
• Patina Bloom color palette (#E6EACE, #589173, #005349, #002138, #000111)
• Dusty Emerald color palette (#E7FFC8, #A8DF92, #19A64C, #00623E, #00271D)

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