Iris Pier color palette — #FFF1F7 · #9586BD · #A76D6C · #2D6975 · #49373F
Built around Slate Blue, softened by Mocha — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Slate Blue (#9586BD): A luminous, balanced violet — the color of a velvet chair.
- Mocha (#A76D6C): A full-bodied, dusty orange — the color of toasted spice.
- Peacock (#2D6975): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal (#49373F): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Iris Pier 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 Meadow color palette (#FFF1F4, #A97DB4, #508A91, #2C6686, #4B373B)
- Weathered Iris color palette (#FDF1FB, #788FC2, #9F6E86, #834E50, #463844)
- Muted Driftwood Bloom color palette (#FBF2F4, #E1D7D4, #ADAEA4, #93769B, #585052)
- Raspberry Bloom color palette (#FFF1F0, #B56288, #8B6A39, #415080, #452B29)
- Patina Ash Pier color palette (#FFF1F2, #BD82AC, #975F56, #684F1F, #573747)
- Hushed Lagoon color palette (#FCEEEE, #B681A5, #A8736C, #526731, #2F1D1E)
- Softworn Driftwood color palette (#FCF2F5, #CAB6E3, #A16691, #7A5F97, #372A2A)
- Cerulean Coast color palette (#EAFAF0, #519CB1, #84824E, #4D693A, #2F4237)
Browse the whole catalog at Explore, or see today's palette.