Iris Field color palette — #D3E6FF · #8FB5FA · #6C8DF5 · #5D69AB · #59374D
A conversation between Lavender Blue and Sky, giving this palette its sense of creativity and calm.
The five colors
- Frost (#D3E6FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#8FB5FA): A luminous, balanced violet — the color of a velvet chair.
- Lavender Blue (#6C8DF5): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#5D69AB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Cocoa (#59374D): 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
- Linen Pier color palette (#FFD8F4, #B0B7FF, #907FF3, #7361A4, #504267)
- Patina Iris Basin color palette (#E7F9FF, #B6E0FF, #8297E8, #6E61A0, #4C2F51)
- Wandering Station color palette (#B9ECFF, #5DC7F5, #009EE2, #226DA0, #573F59)
- Chalky Cornflower color palette (#FDF1FA, #9FB5F5, #2FBE9C, #617AD0, #0B4E3F)
- Blush Boulevard color palette (#FFF0F7, #A796E9, #D77497, #3B92B2, #482F3C)
- Hushed Bloom color palette (#FFF0F8, #E5D6D4, #F2BFFA, #8E98CA, #5A454F)
- Violet Study color palette (#E7EAF9, #9F98FF, #8549FF, #6800B7, #462067)
- Worn Loft color palette (#CDF1D6, #60D2E8, #00A4C5, #00799D, #285344)
Browse the whole catalog at Explore, or see today's palette.