Pale Villa color palette — #FFF0F9 · #D23C19 · #00683A · #003E38 · #040006

Terracotta and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Terracotta (#D23C19): A full-bodied, vivid orange — the color of autumn markets.
• Pine (#00683A): A full-bodied, balanced teal — the color of sea glass.
• Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#040006): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Aged Terrace color palette (#FFF0F7, #CC6100, #735E00, #004748, #040005)
• Plum Lantern color palette (#FCF1FF, #BB0049, #004B4F, #350053, #010009)
• Rust Terrace color palette (#FFF0F8, #BF5000, #006F55, #372176, #040002)
• Quiet Peony color palette (#FCF1FF, #DF4989, #705200, #004127, #01000D)
• Dusty Mulberry Meadow color palette (#FCE3DC, #AC003D, #00451F, #002656, #210703)
• Patina Garden color palette (#FFF1F5, #C07913, #4E8112, #00537B, #100114)
• Coral Atelier color palette (#FFF0FD, #E26461, #007745, #322085, #0B0032)
• Muted Delta color palette (#FFF1F2, #F59373, #B26700, #554300, #0E1100)

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