Iris Pier color palette — #F8F6E1 · #7CDBF4 · #9580DD · #546D23 · #1C3831

Lavender Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F6E1): A whisper-light, dusty green — the color of new leaves after rain.
• Ice Blue (#7CDBF4): A whisper-light, balanced blue — the color of open sky before noon.
• Lavender Blue (#9580DD): A luminous, balanced violet — the color of wild irises.
• Olive (#546D23): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#1C3831): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

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

• Worn Peony Field color palette (#F3F8E6, #AACEFF, #C071B6, #387246, #412938)
• Azure Chapel color palette (#FFF3E7, #7BE1CE, #5F93DA, #89561C, #213828)
• Aged Lagoon color palette (#E3FDE8, #A6C9FF, #AD97DA, #A27848, #323D54)
• Antique Boulevard color palette (#EDF9ED, #60CFCC, #C86585, #006D50, #22300D)
• Olive Studio color palette (#ECFAE8, #BEE3E6, #BCA6CF, #6F8746, #3D4D37)
• Washed Fern color palette (#DDFEF4, #5DA0CA, #6E6094, #435610, #2C3E56)
• Hazy Market color palette (#EDFCD7, #AABBFF, #E22C9B, #006759, #2E1E45)
• Washed Plum color palette (#F0FADC, #9E8FFF, #C2085E, #004A45, #1E0527)

Browse the whole catalog at Explore, or see today's palette.