Cobalt Villa color palette — #FFF1F4 · #E3D9D2 · #F3B29B · #7770AD · #694546

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bone (#E3D9D2): bright and airy, almost weightless.
• Melon (#F3B29B): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#7770AD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#694546): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Optimism, Creativity, Sophistication. Tagged pastel, light, 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 Basin color palette (#FFF1F2, #E8D7D7, #FFB8C6, #A880AD, #5A4242)
• Patina Basin color palette (#FFF2EE, #E1D9CC, #BBCBA0, #996495, #763A1B)
• Tempered Grape color palette (#FFF1F2, #FFB6B6, #EB8800, #7D43BA, #5D1E34)
• Pale Mulberry color palette (#FFEDE6, #F3BE94, #9B9D39, #9B3063, #512B17)
• Weathered Powder color palette (#F5F4FF, #E4D7DF, #A1C7C6, #AAAADA, #4F4657)
• Washed Garnet color palette (#FFF1F0, #B8AF84, #743C55, #452031, #29180C)
• Tempered Basalt Station color palette (#FBF5E2, #ACA985, #797539, #684C18, #3A4200)
• Mulberry Summit color palette (#FCF3F1, #D79BAA, #7A7110, #A22B57, #2A2311)

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