Kinetic Villa color palette — #DFF0FE · #3188FD · #2D35F2 · #4100B5 · #3B0D6E
A conversation between Cobalt and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#DFF0FE): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#3188FD): A luminous, vivid blue — the color of deep harbor water.
- Cobalt (#2D35F2): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#4100B5): A deep, shadowed, vivid violet — the color of a velvet chair.
- Royal Purple (#3B0D6E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Kinetic 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
- Grape Delta color palette (#DAE4F4, #7489FF, #6122EB, #5A00A0, #510569)
- Feathered Grape color palette (#CFE4E9, #31ACFD, #3E70FF, #6200CA, #52015C)
- Pale Grape Harbor color palette (#EAE7FF, #907BFA, #6229CD, #32007F, #22004E)
- Muted Market color palette (#C4EBFD, #0094D9, #005DA7, #0028A8, #22197E)
- Muted Nightshade color palette (#DDE3FF, #6A6EFF, #866E00, #3D14D1, #382D00)
- Nocturne Lapis Quarry color palette (#E5EEFF, #4F46C3, #3F0082, #23003D, #17000B)
- Tempered Amethyst color palette (#DFE0FA, #6B42FD, #A44000, #006244, #211556)
- Pale Denim color palette (#F2F5FF, #E3C4FF, #E083C7, #245CAC, #452C67)
Browse the whole catalog at Explore, or see today's palette.