Cobalt Villa color palette — #D7E5C9 · #77AEBD · #627BC3 · #775125 · #37352E

Azure and Coffee set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#D7E5C9): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#77AEBD): A luminous, dusty blue — the color of open sky before noon.
• Azure (#627BC3): A full-bodied, balanced violet — the color of a velvet chair.
• Coffee (#775125): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#37352E): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Muted Cerulean Pier color palette (#EDF2DA, #7ABCB5, #4A8AAF, #7F523A, #542C00)
• Chestnut Studio color palette (#C5EDF9, #91AFDC, #85719C, #675500, #37380D)
• Driftwood Market color palette (#DBE3D4, #8EBCC7, #849EC1, #7C7B3F, #3A390E)
• Cerulean Veranda color palette (#C8EAF7, #6198BD, #516B93, #46405C, #3D2638)
• Azure Pier color palette (#DEF3EC, #2DA3E8, #537600, #9E4F00, #002237)
• Frosted Pewter Studio color palette (#C9E9F3, #6886C6, #7D4E93, #354506, #032802)
• Linen Forest color palette (#F9ECE4, #8ED3CF, #0097AD, #00703E, #013248)
• Washed Mulberry color palette (#CDE6DC, #736B9E, #744169, #1A3E0F, #001615)

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