Cobalt Villa color palette — #DEF8F7 · #92C2E6 · #0074C7 · #004E67 · #00173F
Royal Blue and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#DEF8F7): A whisper-light, dusty teal — the color of sea glass.
- Sky (#92C2E6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#0074C7): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#004E67): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#00173F): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Antique Petrol color palette (#E6F6F3, #76CADC, #007E9B, #005154, #001D2A)
- Gentle Sapphire color palette (#FFF3E7, #6CC1FC, #2361E5, #00555C, #2F246B)
- Worn Orchard color palette (#F2F8E6, #9DD1FB, #0F8EF7, #006D90, #0F3065)
- Misty Denim Ridge color palette (#E1EEEE, #79A0C6, #1656A5, #00364D, #000034)
- Weathered Cerulean Orchard color palette (#D5E5E2, #4198A6, #005264, #002C2C, #000509)
- Feathered Cabin color palette (#FFF1F6, #DADFF2, #6495FF, #00717B, #250268)
- Aged Cypress color palette (#ECF4F2, #CDDBE8, #67A9AD, #037D6B, #133B4A)
- Airy Byzantium color palette (#F2E5FE, #9B2BDB, #BB003D, #005787, #190028)
Browse the whole catalog at Explore, or see today's palette.