Coral Villa color palette — #F0DEE0 · #D77760 · #995700 · #634300 · #3F3900

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

The five colors

• Shell Pink (#F0DEE0): a clean, paper-quiet neutral.
• Coral Clay (#D77760): A luminous, balanced orange — the color of autumn markets.
• Ochre (#995700): A full-bodied, balanced gold — the color of old brass.
• Bronze (#634300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3F3900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Coral 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

• Tempered Amber color palette (#F5DAD1, #D38745, #7F6900, #444F00, #003F2D)
• Rust Corridor color palette (#FBDEF2, #D16F8A, #B6474A, #783700, #4B2F00)
• Timeworn Boulevard color palette (#F7E4D3, #A89566, #845833, #6B2F2B, #32302A)
• Muted Rust Boulevard color palette (#FFE8E8, #B84700, #653E00, #352800, #001E0C)
• Amber Meadow color palette (#FAECDB, #B7821D, #0084B0, #734F00, #003B51)
• Pewter Lagoon color palette (#FFF3E6, #E4E0B1, #83BEAC, #9F5762, #543A00)
• Misty Quarry color palette (#F9E0C1, #A26E00, #1570B5, #474A98, #3C2605)
• Dusty Driftwood Corridor color palette (#FFF3E7, #CFBA7D, #808545, #4E6C39, #4E514A)

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