Iris Pier color palette — #F5F6EB · #91B27C · #7189C6 · #895676 · #39342E
Built around Slate Blue, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6EB): a clean, paper-quiet neutral.
- Sage (#91B27C): A luminous, balanced green — the color of new leaves after rain.
- Slate Blue (#7189C6): A luminous, balanced violet — the color of twilight just after sunset.
- Graphite (#895676): A full-bodied, balanced pink — the color of neon signs at night.
- Espresso (#39342E): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Amber Terrace color palette (#FAF4EB, #C49A4B, #3494B0, #6C5E8D, #372F2C)
- Stone Villa color palette (#EEF8F0, #CAAC71, #AD87B8, #865361, #37242F)
- Softworn Lantern color palette (#F1F7EF, #5FB3A6, #A567B2, #8E544B, #383730)
- Weathered Teal color palette (#FDF4E6, #96CDA5, #46A3A1, #855F89, #464942)
- Dusty Lagoon Hollow color palette (#F0F8EC, #19997E, #456896, #394F76, #3B3631)
- Taupe Harbor color palette (#F5F6EF, #D4DCD7, #A6AFBF, #9AA07B, #52534D)
- Tempered Teal color palette (#EDF5E8, #45B196, #4A5E4C, #343A2F, #21221D)
- Softworn Byzantium Courtyard color palette (#EFF9E9, #00A08C, #9038A8, #88210A, #201C04)
Browse the whole catalog at Explore, or see today's palette.