Olive Villa color palette — #E5F6F2 · #89B175 · #2299CC · #397600 · #002B3E
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#E5F6F2): a clean, paper-quiet neutral.
- Sage (#89B175): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#2299CC): A luminous, balanced blue — the color of deep harbor water.
- Olive (#397600): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#002B3E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Olive Villa 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
- Bronze Boulevard color palette (#DBFAF1, #7C985B, #009292, #9A5800, #00251E)
- Patina Dune color palette (#E3F6F7, #6FB593, #B78047, #007751, #3B2000)
- Olive Parlor color palette (#D4EEF8, #00A4B4, #818100, #00616B, #1E1E00)
- Quiet Hollow color palette (#F6F7E6, #88AC6E, #B270D3, #3F6E00, #4F375B)
- Pine Meadow color palette (#D2FCF7, #9CCAA2, #438D52, #004C1C, #002004)
- Tempered Forest color palette (#E8F5F5, #AFB98D, #15634B, #003021, #001011)
- Linen Blush Balcony color palette (#E3F8EC, #AFA56C, #C47089, #736500, #451124)
- Dusty Coral Veranda color palette (#F8F6E4, #ABC27B, #F47B71, #728C33, #48403D)
Browse the whole catalog at Explore, or see today's palette.