Iris Field color palette — #D7E6F7 · #5A90FF · #4964C8 · #3C4384 · #462A52
A conversation between Lavender Blue and Royal Blue, giving this palette its sense of creativity and calm.
The five colors
- Frost (#D7E6F7): A whisper-light, dusty blue — the color of open sky before noon.
- Lavender Blue (#5A90FF): A luminous, vivid violet — the color of twilight just after sunset.
- Royal Blue (#4964C8): A full-bodied, balanced violet — the color of a velvet chair.
- Indigo (#3C4384): A full-bodied, balanced violet — the color of a velvet chair.
- Royal Purple (#462A52): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Iris 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
- Azure Harbor color palette (#CBE5F6, #10A3F7, #006CC0, #1F4B87, #273A62)
- Weathered Ultramarine color palette (#CDE8FF, #5E8FD8, #475AB0, #382F7C, #251941)
- Violet Harbor color palette (#D1EFF8, #6CC0F5, #6E95FF, #7E62DB, #472856)
- Tempered Lilac Coast color palette (#E8E8FA, #A084F8, #7648B1, #5D377B, #422C4E)
- Worn Quarry color palette (#D7DFFF, #A0A2FF, #7C71C5, #5C4A82, #5D3947)
- Quiet Iris color palette (#FDE7F6, #7380F1, #008D77, #424AA6, #003F35)
- Chalky Indigo color palette (#FFD7EE, #745BEE, #A24875, #00657B, #3B2231)
- Turquoise Station color palette (#CCEDF2, #00ABC3, #00728C, #004F69, #213055)
Browse the whole catalog at Explore, or see today's palette.