Cobalt Villa color palette — #FBF2F9 · #E5DCD4 · #6E83BE · #573C52 · #21181F

Slate Blue and Charcoal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Bone (#E5DCD4): bright and airy, almost weightless.
• Slate Blue (#6E83BE): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#573C52): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#21181F): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Wandering Cerulean Terrace color palette (#EEF8F5, #B6E1ED, #608BAF, #2C4E45, #111E1B)
• Muted Harbor color palette (#FDF2F2, #EDDABD, #9C6080, #4F2D2D, #1A0A0A)
• Hushed Ash color palette (#FDF1FB, #F0DDA7, #899DCD, #7A6577, #31282F)
• Softworn Stone Coast color palette (#EBF2FE, #A8CFB0, #506280, #253146, #10141B)
• Mallow Hollow color palette (#FAF3F6, #E4DAE3, #E48DC7, #A18DCC, #261B1B)
• Frosted Amethyst Market color palette (#FFF1F6, #FFC9C5, #7A4CBF, #362057, #100309)
• Patina Mallow Balcony color palette (#FFF1F4, #FBD3E1, #E09BCE, #A36085, #672E46)
• Patina Blush color palette (#FFF2EA, #FCCAF7, #D486A9, #906946, #4C3A3B)

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