Cobalt Villa color palette — #FDF0FE · #B6D7FF · #FFA36B · #418ADB · #3D3732

Built around Azure, softened by Melon — the whole palette hums with trust and stability.

The five colors

• Blush (#FDF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Powder Blue (#B6D7FF): A whisper-light, dusty blue — the color of deep harbor water.
• Melon (#FFA36B): A luminous, balanced gold — the color of old brass.
• Azure (#418ADB): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#3D3732): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Dusty Apricot color palette (#EBF9EF, #77E8F8, #FDA072, #009BAC, #3D3732)
• Gentle Mustard color palette (#FFF0F9, #CCD0FF, #DFB52F, #7E80CD, #463604)
• Apricot Corridor color palette (#DEFEF3, #71C4FF, #F08E42, #A3923C, #133229)
• Mint Basin color palette (#EDF7FF, #98D4FF, #89D38A, #62A6D6, #164C47)
• Turquoise Delta color palette (#E8FAF3, #E0D5DB, #ACB1A4, #62B5C4, #564553)
• Petrol Harbor color palette (#E7F4FF, #75AAD5, #B48249, #1B6AA0, #3A2100)
• Softworn Cobalt color palette (#FDF1F8, #DBEFB0, #6C6DB5, #333458, #160C12)
• Powdered Station color palette (#FFF0FB, #99ADFF, #CC8E06, #4441FD, #2B1B00)

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