Kinetic Field color palette — #DFE8F8 · #4367F8 · #3900E6 · #2A0085 · #180040
A conversation between Iris and Sapphire, giving this palette its sense of creativity and energy.
The five colors
- Frost (#DFE8F8): A whisper-light, dusty violet — the color of wild irises.
- Sapphire (#4367F8): A full-bodied, vivid violet — the color of a velvet chair.
- Iris (#3900E6): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#2A0085): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#180040): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Kinetic Field 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
- Muted Nightshade Archive color palette (#DEEAF4, #006BCF, #3900BB, #2B0061, #23002F)
- Muted Grape Courtyard color palette (#E8ECFF, #7856FA, #6100C6, #3F0077, #1E0030)
- Nightshade Chapel color palette (#DBECF4, #0085E1, #3928CB, #340060, #060008)
- Timeworn Lapis Lagoon color palette (#DAEBFD, #3781FF, #434CEB, #4921AC, #1D003A)
- Linen Canyon color palette (#D8EDFF, #007AD7, #004DAE, #001893, #070241)
- Weathered Grape color palette (#E1E6F5, #949AFF, #7C56FF, #6600CA, #401E6B)
- Wandering Amethyst Cabin color palette (#FFE7F3, #7E4FEF, #C00515, #4F00AD, #260001)
- Weathered Hollow color palette (#FFDEEC, #C098E0, #CA6DC7, #5647B4, #1B0A2B)
Browse the whole catalog at Explore, or see today's palette.