Cobalt Villa color palette — #F0F3E9 · #ADDCC9 · #228ACB · #005F74 · #002648

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

The five colors

• Cream (#F0F3E9): bright and airy, almost weightless.
• Oat (#ADDCC9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#228ACB): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#005F74): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002648): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Wandering Parlor color palette (#F2F2EA, #B5D0B6, #008C98, #005C53, #00262D)
• Patina Denim color palette (#E3E7D7, #5593AF, #004F74, #002A33, #00050D)
• Worn Cobalt Drift color palette (#EFF5E1, #94C1E4, #0074C8, #004E67, #00173F)
• Misty Azure Workshop color palette (#E8F9F8, #B4E2FF, #15A3FA, #007E9C, #16416D)
• Softworn Cypress color palette (#F2F2EB, #C9DED7, #60AAAE, #32796B, #243D2C)
• Muted Drift color palette (#ECE6C2, #798E00, #00877D, #964900, #151B00)
• Soft Moss color palette (#E4E0D1, #A89C00, #757B00, #414C00, #1A2800)
• Muted Olive color palette (#F4F5D0, #ABEBDB, #7CD6AC, #657900, #0A3003)

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