Iris Harbor color palette — #CDEDF6 · #62C6FF · #8D88E2 · #005435 · #000102
Lavender Blue and Sky set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#CDEDF6): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#62C6FF): A luminous, balanced blue — the color of deep harbor water.
- Lavender Blue (#8D88E2): A luminous, balanced violet — the color of twilight just after sunset.
- Deep Olive (#005435): A deep, shadowed, balanced teal — the color of glacier melt.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged pastel, light.
Use it as a design system
One click turns Iris Harbor 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
- Ancient Parlor color palette (#DAF0FC, #9FB6FF, #A476BF, #004E4D, #000105)
- Tempered Parlor color palette (#D2EDEE, #56C6CF, #2891E3, #385500, #000201)
- Antique Pine Lagoon color palette (#CAEEFA, #5BB7E9, #9C85D2, #177F37, #000D13)
- Indigo Chapel color palette (#DBEDDB, #5C96B8, #8058A3, #01410B, #000204)
- Wandering Coast color palette (#DBEFDF, #4A9BBC, #4169AD, #003A35, #00121A)
- Patina Terrace color palette (#E2EDFF, #CDB5FF, #DB83B4, #00668C, #030019)
- Feathered Quarry color palette (#D4E4F4, #0080C9, #690058, #002D4C, #020006)
- Velvet Chapel color palette (#DAE6F3, #004E8F, #593000, #271200, #000104)
Browse the whole catalog at Explore, or see today's palette.