Iris Pier color palette — #FFF0FF · #6995FC · #8D7D13 · #6D6329 · #242C1D
Lavender Blue and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFF0FF): A whisper-light, dusty pink — the color of neon signs at night.
- Lavender Blue (#6995FC): A luminous, balanced violet — the color of twilight just after sunset.
- Olive Leaf (#8D7D13): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#6D6329): A full-bodied, dusty green — the color of new leaves after rain.
- Onyx (#242C1D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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
- Sunlit Lilac Lantern color palette (#FFF1F6, #AB7EEC, #758B32, #546426, #1A3022)
- Sunlit Studio color palette (#FEF1FA, #8395F1, #AC627D, #7B4C11, #1C2B1B)
- Wandering Orchard color palette (#F0F5FF, #8AAAE8, #C16846, #5F6A00, #001A23)
- Antique Alley color palette (#FFEBF9, #5369FF, #646D00, #314D00, #001C1D)
- Olive Pier color palette (#F3F4FF, #C6AAE5, #C487BA, #84882A, #1F263D)
- Ancient Boulevard color palette (#F6F8D8, #92ADFF, #A670A5, #456F49, #4E3442)
- Azure Terrace color palette (#E7FBF0, #00A7D5, #B1626B, #914B4F, #282A1A)
- Washed Magenta color palette (#FFF1F2, #D82ACC, #7C7700, #445A00, #301B31)
Browse the whole catalog at Explore, or see today's palette.