Cobalt Villa color palette — #FFF0F9 · #F5946A · #3481C9 · #9B5379 · #3E2D37

A conversation between Cerulean and Apricot, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Apricot (#F5946A): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#3481C9): A full-bodied, balanced blue — the color of open sky before noon.
• Magenta Rose (#9B5379): A full-bodied, balanced rose — the color of pressed rose petals.
• Espresso (#3E2D37): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Patina Coral color palette (#FFF0FB, #DF806F, #00A0BA, #7A609E, #3C2D39)
• Gentle Cobalt color palette (#E8FAF2, #A5AC51, #3482D5, #90414B, #56282D)
• Cobalt Ridge color palette (#EBF9F0, #A79019, #0086C3, #8A4671, #162D20)
• Muted Mustard color palette (#FEF4E0, #C7B25A, #67A5D4, #7E63A2, #2D230C)
• Marigold Coast color palette (#EAFAF0, #B69E28, #A47BC2, #8C5B85, #24382C)
• Lagoon Cabin color palette (#FFF0F7, #AABB6C, #089C85, #874C77, #25443F)
• Hushed Bronze color palette (#EFF8F1, #D9C284, #00A3AC, #9C7C00, #17272C)
• Quiet Byzantium color palette (#E2FDEC, #C1A72A, #9846CC, #AB3D1B, #342B00)

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