Cobalt Villa color palette — #F2DEF3 · #1A6BC0 · #6F4D00 · #002A57 · #020100
Royal Blue and Bronze set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F2DEF3): A whisper-light, dusty pink — the color of neon signs at night.
- Royal Blue (#1A6BC0): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#6F4D00): A full-bodied, balanced gold — the color of old brass.
- Midnight (#002A57): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, 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
- Aged Navy Grove color palette (#F8E7F3, #4B5ECA, #645300, #190085, #020100)
- Aged Denim Lantern color palette (#E3F0FF, #00509A, #523900, #002044, #0A0500)
- Dusty Station color palette (#D3F0E0, #007793, #912F00, #00313E, #040000)
- Hazy Study color palette (#EADBED, #0080DE, #956700, #005697, #0A0500)
- Quiet Ultramarine color palette (#D5E0F3, #0149BC, #87001D, #0A3D02, #000107)
- Washed Lilac Quarry color palette (#F3DDF1, #BAB5F3, #A979C2, #005474, #00000B)
- Faded Aubergine color palette (#F5DBE0, #B36AC3, #397300, #550064, #000200)
- Amethyst Workshop color palette (#D0EDDC, #D75000, #7839FF, #1C0712, #040002)
Browse the whole catalog at Explore, or see today's palette.