Iris Pier color palette — #F3EEDF · #AFAD4D · #9284E9 · #797600 · #342D5C
A conversation between Lavender Blue and Gold, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3EEDF): A whisper-light, dusty green — the color of fresh herbs.
- Gold (#AFAD4D): A luminous, balanced green — the color of a quiet forest floor.
- Lavender Blue (#9284E9): A luminous, balanced violet — the color of a velvet chair.
- Olive Leaf (#797600): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#342D5C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, 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
- Azure Corridor color palette (#FAECDB, #CBA059, #5499E0, #956800, #0A375F)
- Misty Delta color palette (#EEF1D9, #81B977, #C27ED6, #208008, #472551)
- Chartreuse Garden color palette (#DDFEF0, #CFD83B, #838EEB, #777D00, #1F224C)
- Sunlit Iris color palette (#EDE5C6, #969C44, #8475E6, #885DC4, #2C2E00)
- Patina Moss color palette (#DAF6EB, #8A9631, #00889B, #545D00, #003D47)
- Muted Mustard Veranda color palette (#F6EFD4, #C0C751, #00C6DD, #939837, #003D45)
- Tempered Garden color palette (#EEE8D6, #B4B086, #888340, #765410, #30312A)
- Grape Coast color palette (#E4E0C8, #8BA330, #733CCA, #4B5A00, #22004A)
Browse the whole catalog at Explore, or see today's palette.