Iris Pier color palette — #CCEFF7 · #7DACC7 · #877EBD · #746221 · #00342A

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

The five colors

• Frost (#CCEFF7): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7DACC7): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#877EBD): A luminous, balanced violet — the color of wild irises.
• Olive (#746221): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#00342A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted.

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

• Orchid Field color palette (#E1F2FF, #8A9BD6, #A965AE, #537140, #00322E)
• Sunlit Cobalt Orchard color palette (#D0F9ED, #4BB3CF, #5680CC, #865F19, #382400)
• Antique Boulevard color palette (#CBECFE, #ADB6FF, #D07AD0, #4D8537, #204A1D)
• Timeworn Indigo Terrace color palette (#DAE9FF, #878DBF, #7B63B1, #79364F, #491618)
• Azure Archive color palette (#E7DDE4, #80CEDF, #009DDB, #007F6C, #021E44)
• Softworn Iris color palette (#E0EAFF, #828CFF, #9F7F00, #5B7200, #0C0C2D)
• Coral Station color palette (#ECEEFF, #D3A7D7, #CD7881, #318376, #00413F)
• Stone Ridge color palette (#EEF6FF, #DFD5ED, #D8B3CE, #88A5A3, #3A5756)

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