Cobalt Villa color palette — #F3E7F0 · #5B71B4 · #412932 · #210E1E · #010806

A conversation between Slate and Ink, giving this palette its sense of creativity and sophistication.

The five colors

• Blush (#F3E7F0): bright and airy, almost weightless.
• Slate (#5B71B4): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#412932): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#210E1E): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#010806): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Petrol Ridge color palette (#D1E5DD, #317DA7, #40283A, #001B13, #030804)
• Softworn Iris Coast color palette (#DEE5F1, #6888ED, #494A68, #252E3E, #12191F)
• Twilit Boulevard color palette (#F5E3E6, #A030AB, #441928, #1C041F, #090104)
• Airy Cabin color palette (#FFECEF, #AD76B2, #8A8213, #00813A, #30141B)
• Cellar Chapel color palette (#F6DDE9, #6700DF, #310C32, #0A0022, #030003)
• Washed Field color palette (#F9F0E7, #C0B196, #727B42, #41547D, #332507)
• Timeworn Ridge color palette (#F7F1EB, #C5E5DA, #768DBA, #006B74, #29274A)
• Gentle Aubergine color palette (#EADCE9, #A3A9E9, #856AC0, #723481, #45203F)

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