Iris Coast color palette — #F2F5FF · #9281D5 · #828250 · #3D6A57 · #393C4B
Built around Lavender Blue, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Lavender Blue (#9281D5): A luminous, balanced violet — the color of a velvet chair.
- Walnut (#828250): A full-bodied, dusty green — the color of fresh herbs.
- Pine (#3D6A57): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal (#393C4B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Iris Coast 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 Iris Archive color palette (#F2F5FF, #8C77C6, #54743A, #2F5C45, #29393F)
- Patina Villa color palette (#F7F3FF, #BC75A6, #5B8B70, #326A69, #403A49)
- Iris Study color palette (#EFF6FF, #6690D6, #967A4F, #765A2E, #363E49)
- Weathered Basin color palette (#E1FDF3, #BB95DA, #9B6570, #2D626C, #494456)
- Washed Bloom color palette (#FFF1F4, #C896D1, #B79562, #937544, #49383B)
- Aged Hollow color palette (#F4F4FC, #E2D7DF, #B6ABA3, #807E99, #525159)
- Muted Petrol Hollow color palette (#F2F5FD, #BDB8F2, #AA676F, #6B649D, #342A35)
- Plum Basin color palette (#F1EBFF, #AF32A3, #00734D, #005235, #292139)
Browse the whole catalog at Explore, or see today's palette.