Weathered Olive color palette — #E8F6F0 · #7B841F · #21443C · #1D2D26 · #0E1717

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

The five colors

• Ivory (#E8F6F0): bright and airy, almost weightless.
• Olive Leaf (#7B841F): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#21443C): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Forest (#1D2D26): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0E1717): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Washed Bronze Quarry color palette (#FFECF2, #AB6D22, #304232, #332429, #1B1313)
• Dusty Moss color palette (#F5F2E6, #9FA30A, #555E15, #3A3831, #24211D)
• Olive Meadow color palette (#DBEDEA, #377B00, #003514, #001D19, #00090B)
• Cypress Bloom color palette (#D6E9EC, #008374, #023945, #102225, #060D12)
• Ancient Pier color palette (#E7F6EF, #B9BD74, #678181, #4B5852, #1E231D)
• Feathered Cerulean Villa color palette (#E3FBFC, #4DAC8A, #1E95C7, #827730, #2F4749)
• Charred Boulevard color palette (#DCF6EE, #3F444D, #243400, #10181D, #010600)
• Emerald Loft color palette (#D8FFF3, #A1C48D, #5F9A51, #3E7245, #335655)

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