Iris Harbor color palette — #F2F5FF · #E8D3EC · #CAD29D · #9891CD · #294F41
Blue Fog and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Thistle (#E8D3EC): A whisper-light, dusty pink — the color of a candy shop window.
- Pistachio (#CAD29D): A whisper-light, dusty green — the color of a quiet forest floor.
- Blue Fog (#9891CD): A luminous, balanced violet — the color of wild irises.
- Forest (#294F41): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.
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
- Antique Azure Orchard color palette (#EDF7FF, #D1DAF8, #F2C191, #5AA2D3, #5B3C47)
- Tempered Powder color palette (#F3F4FF, #DFD7E0, #B8B1A8, #A0B3D7, #4E4C62)
- Tempered Stone Corridor color palette (#EDF9ED, #C0E4DF, #9AB89B, #8F707D, #2E453A)
- Tempered Thicket color palette (#F6F3FF, #BDECF6, #9C7997, #484257, #1C1A22)
- Chalky Grove color palette (#FAF1FF, #FFBFD7, #60D2B8, #BD6D8D, #004337)
- Tempered Mallow Veranda color palette (#F3F4FF, #E2D7E0, #C1A5DD, #735D8C, #2A2949)
- Wandering Indigo color palette (#FFF1F8, #AEA7E3, #A39C40, #7166B1, #4F4D46)
- Dusty Mallow color palette (#F2F4FF, #D0C1FE, #E0AF8D, #68B3A0, #343748)
Browse the whole catalog at Explore, or see today's palette.