Olive Villa color palette — #E4F7EC · #9FB072 · #377E1E · #77362B · #00281E
Built around Olive, softened by Rust — the whole palette hums with nature and growth.
The five colors
- Cream (#E4F7EC): A whisper-light, dusty teal — the color of sea glass.
- Sage (#9FB072): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#377E1E): A full-bodied, balanced green — the color of a quiet forest floor.
- Rust (#77362B): A full-bodied, balanced orange — the color of autumn markets.
- Deep Forest (#00281E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Cypress Veranda color palette (#E1F8F2, #77B98B, #007E63, #6F3F02, #012811)
- Misty Fern color palette (#D0EDDB, #909E43, #356B00, #493E00, #151800)
- Softworn Pine color palette (#FEF4E3, #90B061, #007D53, #61436D, #314118)
- Emerald Station color palette (#FDF5E1, #AFC66F, #529B3C, #8D5950, #354014)
- Airy Villa color palette (#F5E4C6, #BF9700, #756E00, #3F4A00, #1A3000)
- Softworn Lagoon color palette (#E7F5F3, #86BFC1, #29857A, #435D43, #0D2D2E)
- Frosted Lime color palette (#E6FCBE, #90C542, #5A7A00, #2F4100, #0E1400)
- Amethyst Meadow color palette (#DFF9ED, #AAB025, #784CEE, #5D6000, #220F50)
Browse the whole catalog at Explore, or see today's palette.