Cobalt Villa color palette — #96F6FF · #00B6EE · #007CCD · #1B48A0 · #22184F
Built around Azure, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Sea Foam (#96F6FF): A whisper-light, balanced blue — the color of deep harbor water.
- Cyan (#00B6EE): A luminous, balanced blue — the color of open sky before noon.
- Azure (#007CCD): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#1B48A0): A full-bodied, balanced violet — the color of wild irises.
- Deep Indigo (#22184F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Powdered Thicket color palette (#93F4E7, #00CBE1, #008BB8, #004A73, #041746)
- Antique Basin color palette (#D0EBFA, #46B6F3, #0298EB, #006FC9, #092A60)
- Weathered Quarry color palette (#D7F3F7, #00A1C6, #005F94, #02339E, #2D245B)
- Wandering Indigo Boulevard color palette (#D0EBFF, #75AFFF, #6B6FE8, #4D2987, #2F0841)
- Sunlit Cobalt Lagoon color palette (#D2E4ED, #0093D6, #006299, #003466, #001232)
- Dusty Terrace color palette (#E5F9FF, #90D3FF, #5194E7, #4B5AA8, #352A58)
- Frosted Ultramarine color palette (#D4E3EB, #2591F0, #374CCF, #340086, #11001F)
- Misty Amber color palette (#DAFFF5, #7BBEFF, #B78200, #005E9F, #231500)
Browse the whole catalog at Explore, or see today's palette.