Cobalt Villa color palette — #F8F2FF · #BA85A4 · #B47A59 · #686FB2 · #473D52

Slate and Caramel set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Dusty Rose (#BA85A4): A luminous, dusty pink — the color of peonies in June.
• Caramel (#B47A59): A luminous, balanced gold — the color of honey in a jar.
• Slate (#686FB2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#473D52): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Worn Thicket color palette (#FFF0FB, #C58576, #978B43, #985E96, #513A4B)
• Weathered Cerulean Delta color palette (#F2F4FF, #9B8EC5, #B57387, #0E81A8, #3D4156)
• Driftwood Lagoon color palette (#FAF2FE, #E9D5DC, #EBC2A5, #A97B96, #574B5B)
• Muted Lagoon color palette (#F5EEFF, #C684AC, #50A172, #318785, #2A2432)
• Timeworn Harbor color palette (#F4DCEE, #BC5648, #806B00, #82348A, #451E18)
• Dusty Jade Market color palette (#FFF1F1, #E295C0, #62BA8C, #48A49B, #543B3B)
• Worn Chestnut Workshop color palette (#FAF3F8, #DCB3C2, #834E42, #552B22, #32282F)
• Mallow Harbor color palette (#FFF2F0, #FFAAC9, #EAB07E, #ADA7DC, #533B39)

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