Cobalt Villa color palette — #F7F1EA · #A1CCF5 · #5F77C2 · #005966 · #321525

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

The five colors

• Cream (#F7F1EA): a clean, paper-quiet neutral.
• Sky (#A1CCF5): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#5F77C2): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005966): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#321525): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, 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

• Tempered Cobalt Bloom color palette (#F0F7F0, #B1C8DF, #6973AD, #005F63, #413254)
• Softworn Cabin color palette (#FDEEE8, #ADD2B6, #0688B1, #005D48, #2C172F)
• Sapphire Lagoon color palette (#FCEFE5, #55C9FE, #0071D2, #005152, #101143)
• Tempered Petrol Archive color palette (#F0F8F1, #BED7F1, #7A95CB, #1B7793, #34375A)
• Cerulean Field color palette (#ECDFD7, #1299B9, #004E79, #002C28, #00011D)
• Airy Station color palette (#FFE6DF, #D73356, #007F78, #006776, #260A04)
• Pewter Courtyard color palette (#FFEDE9, #FFCDB1, #BEB480, #946281, #341D11)
• Sunlit Alley color palette (#FCE3DB, #E0636C, #009080, #8D313A, #00221D)

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