Patina Olive color palette — #ECF9EE · #A4A95F · #387C1B · #6D3F5D · #1E4335
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF9EE): bright and airy, almost weightless.
- Sage (#A4A95F): A luminous, balanced green — the color of fresh herbs.
- Olive (#387C1B): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#6D3F5D): A full-bodied, dusty pink — the color of neon signs at night.
- Forest (#1E4335): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Patina 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
- Misty Jade color palette (#E5FBF2, #75B673, #007C5F, #773C44, #09443F)
- Tempered Mustard color palette (#FDF1D7, #B1AC42, #677300, #514B46, #242200)
- Quiet Loft color palette (#D7EADE, #819558, #00672B, #5E2841, #003127)
- Moss Lantern color palette (#E0F0E0, #9F9500, #406800, #5B3C00, #332F00)
- Hushed Moss Harbor color palette (#E7FBEE, #C4BF6B, #838F00, #8A5D3C, #174432)
- Lagoon Veranda color palette (#EFF8F0, #A2CBBB, #648E5E, #576C5C, #3F524A)
- Soft Cornflower Meadow color palette (#DCFFF0, #959C00, #007FE4, #5D6100, #0C3B69)
- Washed Pine color palette (#D1E4DC, #4F8A51, #00513F, #531420, #022205)
Browse the whole catalog at Explore, or see today's palette.