Patina Olive color palette — #FFF1F6 · #95B9A5 · #5D7F4A · #57537F · #2B4A3A
Fern and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Sage (#95B9A5): A luminous, dusty teal — the color of glacier melt.
- Fern (#5D7F4A): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#57537F): A full-bodied, dusty violet — the color of a velvet chair.
- Forest (#2B4A3A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, 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
- Lagoon Villa color palette (#F0F7F2, #A5CAC0, #548C8D, #63637E, #3D524C)
- Pine Field color palette (#EEF9ED, #9D9F71, #387239, #50426B, #113F2E)
- Weathered Coast color palette (#F9F1E4, #B9B689, #6C7E3B, #694A59, #2E2712)
- Tempered Grove color palette (#EEF8F0, #CBC794, #859954, #686F95, #34483E)
- Pine Ridge color palette (#F8F3FA, #C7E2E9, #5694AA, #207531, #2E4A67)
- Garnet Hollow color palette (#D6EAE3, #64997F, #006163, #611F53, #003220)
- Brick Coast color palette (#FEF0FC, #CC8C89, #009E95, #B12F37, #034D48)
- Timeworn Lagoon color palette (#FCF1FF, #F1D3D2, #CBD193, #9B6997, #5C4755)
Browse the whole catalog at Explore, or see today's palette.