Olive Villa color palette — #FDECF5 · #CD7F50 · #4D8219 · #005A6A · #321D53

Olive Leaf and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FDECF5): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#CD7F50): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#4D8219): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005A6A): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#321D53): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Tangerine Boulevard color palette (#FFF2E9, #F98026, #4F8644, #00516D, #2B0933)
• Feathered Denim Coast color palette (#EDF9EC, #C69C67, #4E9169, #006493, #4D2653)
• Sunlit Blush Bloom color palette (#F7EEFA, #D7708D, #8E6C00, #005E4A, #072A56)
• Nightshade Lantern color palette (#FFECF2, #C8852D, #008663, #1D44AD, #530427)
• Bronze Hollow color palette (#FFE8F0, #A96000, #00633D, #003168, #270015)
• Muted Nightshade Field color palette (#D6EFDF, #A58A00, #007A71, #3A00C7, #490019)
• Petrol Villa color palette (#FCDEEC, #A7C0AC, #8D976D, #2B6E8E, #374771)
• Aubergine Market color palette (#F5EEFF, #A8568A, #006537, #4C216C, #361F49)

Browse the whole catalog at Explore, or see today's palette.