Weathered Olive color palette — #E0FDF1 · #CDD49B · #6F8B45 · #455A20 · #0C4035

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

The five colors

• Ivory (#E0FDF1): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#CDD49B): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#6F8B45): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#455A20): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#0C4035): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged monochrome, 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

• Tempered Hollow color palette (#F7F3D4, #C1D192, #768C50, #4A5529, #242001)
• Muted Celadon Pier color palette (#D9FFF1, #C8E0A4, #98A96E, #647243, #1B443A)
• Muted Lagoon color palette (#D9FDFF, #9EDCC6, #009276, #0E6149, #034143)
• Washed Station color palette (#FFF1F5, #E7C297, #AC7A34, #664B13, #273E28)
• Weathered Olive color palette (#EFF7F5, #A5CE96, #8170B4, #4C7C38, #2A2D3A)
• Antique Pier color palette (#ECF9F2, #95C3B8, #88824B, #75525E, #374C4C)
• Timeworn Emerald Station color palette (#B9F5D3, #1CA763, #006334, #003417, #001908)
• Driftwood Harbor color palette (#E8FAF2, #909654, #926DAC, #7C5726, #32413B)

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