Cobalt Villa color palette — #D7F7ED · #2487D0 · #8B2C17 · #514400 · #102C26

Cerulean and Rust set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D7F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#2487D0): A luminous, balanced blue — the color of deep harbor water.
• Rust (#8B2C17): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#514400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#102C26): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Frosted Mulberry color palette (#DBF7E4, #007E92, #963F5C, #673600, #142C1E)
• Tempered Coast color palette (#FFEBF6, #755FD7, #902B2D, #354000, #00313B)
• Wandering Ultramarine color palette (#FFF0FE, #0A65C3, #792700, #303500, #0E1F0F)
• Aged Cobalt color palette (#D9EFE7, #007DB7, #825D00, #593E00, #00150E)
• Sunlit Sapphire color palette (#FAE8F7, #2A62EC, #8F4E00, #494700, #341D31)
• Azure Pier color palette (#E0F1FF, #3498D4, #A27823, #7E5900, #09293F)
• Powdered Indigo color palette (#FFECCE, #7777DF, #75457E, #4F3E00, #442534)
• Frosted Navy Studio color palette (#E9DDE9, #004DA5, #732700, #2B2A00, #19041A)

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