Patina Olive color palette — #F2F4FF · #A999D7 · #A89A3A · #628E3A · #323650
Built around Olive Leaf, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F4FF): a clean, paper-quiet neutral.
- Mauve (#A999D7): A luminous, balanced violet — the color of a velvet chair.
- Moss (#A89A3A): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#628E3A): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#323650): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Airy Emerald color palette (#FCF1FF, #D48E9C, #AF964B, #529B32, #433048)
- Washed Lagoon Field color palette (#F6F3FF, #CDA0CA, #8BB274, #429E7C, #443E54)
- Hushed Lime Study color palette (#FFF0FA, #ABB4FF, #9FB657, #899B54, #382331)
- Amber Garden color palette (#F1F5FF, #959DEA, #D58047, #A37800, #2D3750)
- Tempered Blush color palette (#F9F2FF, #D183A4, #B0874D, #008173, #392D41)
- Apricot Veranda color palette (#F2F5FF, #BBB3FF, #F89964, #65B89B, #31374C)
- Iris Bloom color palette (#FFF0F8, #8778D7, #B85F29, #007B5E, #482F3D)
- Dusty Alley color palette (#FFF1F5, #A5C7B2, #AF865C, #8E594D, #1E463B)
Browse the whole catalog at Explore, or see today's palette.