Weathered Olive color palette — #F7E9D9 · #7B7100 · #5F3D00 · #431100 · #040400

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

The five colors

• Cream (#F7E9D9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive (#7B7100): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#5F3D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#431100): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#040400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Cocoa Summit color palette (#F8DDCE, #9A6000, #772700, #430B1D, #050300)
• Inked Ridge color palette (#D1EAD2, #7E733D, #513600, #220A00, #010100)
• Softworn Moss Veranda color palette (#EBDEC5, #91AA54, #877000, #6C421B, #212802)
• Lowlit Denim Terrace color palette (#D1E3F5, #005592, #494800, #2B2B00, #000206)
• Terracotta Alley color palette (#F2DED0, #BB7E00, #9C4100, #622731, #1A1700)
• Midnight Aubergine color palette (#FFE8EB, #7D008A, #502500, #281000, #000203)
• Charred Navy color palette (#F0DDED, #9B6900, #060F82, #000025, #050004)
• Airy Balcony color palette (#FEECD0, #B4BD5C, #A58027, #8D4E25, #35362F)

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