Cobalt Villa color palette — #F5E7F0 · #4BC1DC · #128AD3 · #007054 · #09073F

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

The five colors

• Blush (#F5E7F0): bright and airy, almost weightless.
• Cyan (#4BC1DC): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#128AD3): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007054): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#09073F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Sunlit Cornflower Lagoon color palette (#F5E0E7, #64B8F7, #637ADB, #006D6D, #1B0236)
• Washed Forest Studio color palette (#EEE1F0, #4EB3AC, #00829A, #25601C, #000A17)
• Turquoise Station color palette (#F8EEDE, #24B3D2, #006F97, #004A48, #001529)
• Azure Lagoon color palette (#F6EBF3, #9BE0ED, #42AFEF, #139569, #1C2A56)
• Petrol Ridge color palette (#DEF4F0, #82C2D4, #007291, #003D42, #000306)
• Hushed Study color palette (#F2E7E1, #4896AA, #004F74, #002C26, #000313)
• Hushed Periwinkle color palette (#D7EAD9, #2FD0D6, #6AABFF, #838229, #001E21)
• Feathered Station color palette (#E0F2E8, #2FBB85, #B61E93, #00754F, #220019)

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