Iris Coast color palette — #FFF0F9 · #8D80FF · #A97F00 · #007769 · #28264B
Built around Lavender Blue, softened by Mustard — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Lavender Blue (#8D80FF): A luminous, vivid violet — the color of wild irises.
- Mustard (#A97F00): A luminous, balanced gold — the color of afternoon light on wheat.
- Teal (#007769): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#28264B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Optimism, Creativity, Balance. Tagged cool.
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
- Misty Iris color palette (#FFF0FA, #848EFF, #9C6E00, #005D81, #00354C)
- Antique Field color palette (#F9E9F5, #869BF3, #677800, #006894, #341D2F)
- Frosted Periwinkle Study color palette (#E0FDF5, #58ADFF, #9B6900, #00776C, #02342B)
- Emerald Terrace color palette (#F1F5FF, #9D96FF, #35AC49, #007C41, #19143A)
- Rose Basin color palette (#FFEFFF, #4494FF, #E53E64, #467600, #142B4B)
- Lilac Corridor color palette (#FFF1F7, #A175FF, #00A05E, #455DBC, #3F202F)
- Feathered Byzantium color palette (#F3F4FF, #942DF9, #7F6200, #11591B, #262845)
- Tempered Harbor color palette (#FFF0FB, #98ADFF, #52BF80, #009D96, #20284D)
Browse the whole catalog at Explore, or see today's palette.