Pale Villa color palette — #F1DAE2 · #4C64FF · #00763F · #00110F · #010200

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

The five colors

• Shell Pink (#F1DAE2): A whisper-light, dusty rose — the color of a warm blush.
• Sapphire (#4C64FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Pine (#00763F): A full-bodied, balanced teal — the color of sea glass.
• Ink (#00110F): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, 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

• Cobalt Balcony color palette (#ECDAE2, #007ED3, #367300, #00110A, #020200)
• Muted Loft color palette (#F1E7FF, #0380F0, #00847F, #060C0F, #000102)
• Quiet Thicket color palette (#F0DBCD, #765CFF, #767F00, #191C00, #000201)
• Byzantium Coast color palette (#FAE8DF, #B009F2, #008077, #040F13, #000200)
• Quiet Lilac Lantern color palette (#FFECD8, #9980FF, #00A0A4, #001F20, #020702)
• Peony Coast color palette (#EDE5CA, #EF00A5, #008BA9, #001219, #000301)
• Petrol Balcony color palette (#D5E9E8, #00818C, #004C61, #00233E, #00021D)
• Frosted Atelier color palette (#E2EED5, #006249, #6C0082, #53000B, #000201)

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