Cobalt Villa color palette — #FBEFE7 · #96D0F0 · #5D7CB1 · #005C54 · #341326

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEFE7): bright and airy, almost weightless.
• Sky (#96D0F0): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5D7CB1): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005C54): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#341326): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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

• Cobalt Orchard color palette (#FFEEE4, #67CBE3, #0078BA, #00543E, #0D0D4C)
• Tempered Cerulean Atelier color palette (#FAEFEC, #B2D1AE, #1F89A2, #345A2F, #02223B)
• Wandering Cobalt Cabin color palette (#F4F7EB, #A9CFBF, #3E7FAB, #005D71, #1F3D59)
• Cypress Veranda color palette (#FFF1F7, #BCD9ED, #7098C9, #007C7D, #30365F)
• Timeworn Field color palette (#D4FDE8, #DBE3FF, #D8A4C5, #397568, #2F1D2F)
• Washed Bronze color palette (#D0F3E1, #00A0CA, #AB6C00, #005E79, #2A1700)
• Feathered Navy color palette (#C6EFE4, #00A2AD, #006E9D, #1D4380, #181A3C)
• Quiet Cobalt color palette (#CBF0E3, #0084C3, #9A5F00, #645700, #001912)

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