Cobalt Villa color palette — #FEF0FB · #9CAEE0 · #B39456 · #5C70A9 · #514C46

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

The five colors

• Blush (#FEF0FB): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#9CAEE0): A luminous, dusty violet — the color of wild irises.
• Mustard (#B39456): A luminous, balanced gold — the color of honey in a jar.
• Slate (#5C70A9): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#514C46): quiet, heavy and certain.

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

• Ancient Cocoa color palette (#EBF9F3, #80B8DB, #BD8D6A, #337AA3, #713F02)
• Cobalt Coast color palette (#F7EFF7, #9BB5DC, #A99D5A, #4371B9, #33312A)
• Fern Station color palette (#FFF1F4, #C4A1D0, #7EA579, #866393, #4E5200)
• Hushed Cobalt color palette (#EFF6FF, #AAC6F1, #BDB373, #618DD1, #325643)
• Ancient Iris Cabin color palette (#FFF0FA, #8792D5, #B77765, #508464, #503A4A)
• Driftwood Atelier color palette (#FFF0FB, #E7D7D6, #DABAAD, #937995, #614D59)
• Patina Denim Ridge color palette (#FFF0F9, #BBBFF1, #7E7FB2, #494574, #302F53)
• Pewter Lagoon color palette (#FFF1F5, #D3BD99, #7A505D, #4C2E38, #2E211F)

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