Iris Pier color palette — #FFF5D4 · #E4BD28 · #6C81EF · #806800 · #110063
Built around Periwinkle, softened by Saffron — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF5D4): A whisper-light, dusty green — the color of fresh herbs.
- Saffron (#E4BD28): A luminous, balanced green — the color of a quiet forest floor.
- Periwinkle (#6C81EF): A luminous, vivid violet — the color of twilight just after sunset.
- Walnut (#806800): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#110063): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.
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
- Aged Cornflower Dune color palette (#FFF3E4, #FCAF28, #348DEF, #906000, #001E41)
- Hushed Navy Chapel color palette (#CCEED9, #E7C832, #718EEA, #9F8700, #130E87)
- Patina Orchid color palette (#D8FFF3, #A5D529, #B469F9, #526E00, #2D004A)
- Lilac Grove color palette (#DBFEF4, #BDE874, #B891F9, #618300, #381D5A)
- Muted Pier color palette (#F4E3C1, #9F8100, #494FFF, #5F4C00, #1B1C75)
- Gentle Harbor color palette (#FFF2EC, #FF915D, #00ABCD, #AE4600, #00232C)
- Cobalt Studio color palette (#F0ECDC, #898D00, #0072CD, #4E5000, #001630)
- Faded Villa color palette (#E3FBF8, #89D494, #CB8CCD, #298C42, #3A193B)
Browse the whole catalog at Explore, or see today's palette.