Iris Canyon color palette — #FFF0FE · #C3D3FF · #909DF8 · #5C5BB0 · #3A325D
A conversation between Lavender Blue and Iris, giving this palette its sense of creativity and balance.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Lilac Frost (#C3D3FF): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#909DF8): A luminous, balanced violet — the color of a velvet chair.
- Iris (#5C5BB0): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#3A325D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Iris Canyon 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
- Dusty Periwinkle Chapel color palette (#D3E5FF, #80A1FB, #6876C7, #50528C, #4C405D)
- Aged Lilac color palette (#FFF0F7, #E4D9FF, #B084DB, #8B56A4, #4F2F55)
- Ancient Grape Lantern color palette (#FFF1F7, #EBD4EA, #A38FD8, #684AA5, #251843)
- Petrol Station color palette (#DBFFEE, #ADE0FF, #57ACEF, #2269B0, #2B456E)
- Gentle Hollow color palette (#FDF1F9, #C7D2FF, #52D4BB, #6E7EEB, #004339)
- Muted Powder Loft color palette (#FFF0F8, #E5D6D4, #C8BEB7, #9FAAF2, #5B444D)
- Weathered Meadow color palette (#E0E8FF, #7476F9, #4D00CC, #31006B, #03000B)
- Grape Basin color palette (#F0F1FF, #B5A9FF, #985EFF, #7500B5, #33004A)
Browse the whole catalog at Explore, or see today's palette.