Iris Pier color palette — #FFF0F8 · #BFBDFF · #E4BE22 · #8677F3 · #473900
A conversation between Lavender Blue and Saffron, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender (#BFBDFF): A whisper-light, balanced violet — the color of a velvet chair.
- Saffron (#E4BE22): A luminous, balanced green — the color of a quiet forest floor.
- Lavender Blue (#8677F3): A luminous, vivid violet — the color of a velvet chair.
- Deep Olive (#473900): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
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
- Frosted Lime color palette (#FFE7EF, #D4A8FF, #AABB4C, #A67BCE, #33390C)
- Hushed Lantern color palette (#D8FFF5, #97CAFF, #FFAE40, #2790EB, #533200)
- Wandering Summit color palette (#EFF6FF, #A6C9FF, #8CC311, #1F76F6, #233500)
- Sunlit Terrace color palette (#F5D3E5, #BFB9FF, #8CB20F, #6D5DBD, #222E00)
- Chalky Hollow color palette (#EAE8FF, #B2A6FF, #BDAE00, #47AC55, #302A4F)
- Worn Honey Atelier color palette (#E2F4F9, #F8BA2B, #A6BAFF, #63445B, #2D1F29)
- Muted Hollow color palette (#F3F4FF, #ECD6E0, #F7B9AD, #6BB0E8, #5A3543)
- Airy Chartreuse color palette (#FFF1F5, #BADF65, #A575CB, #67517A, #28131B)
Browse the whole catalog at Explore, or see today's palette.