Iris Harbor color palette — #FAF6E2 · #9EA56E · #9676CB · #656C00 · #483A61
Lavender Blue takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FAF6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9EA56E): A luminous, dusty green — the color of a quiet forest floor.
- Lavender Blue (#9676CB): A luminous, balanced violet — the color of a velvet chair.
- Olive (#656C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#483A61): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Sunlit Atelier color palette (#FFF3E6, #C3965C, #7A81D2, #8B5A00, #3A3D6B)
- Pale Pine Station color palette (#F1F8E7, #73AF90, #A275B5, #00794F, #51365C)
- Ancient Iris color palette (#E5F7F0, #9FAD55, #967AD4, #606C00, #212441)
- Softworn Olive Ridge color palette (#F9F6E2, #B2C167, #AE9CF8, #748200, #433C62)
- Mulberry Villa color palette (#F7F8DB, #70955A, #7C6FB1, #824A89, #383931)
- Timeworn Courtyard color palette (#FFF2EB, #BEA282, #9B624C, #73404A, #403D36)
- Patina Harbor color palette (#EEFBDE, #2BBE8A, #BD316A, #006D4C, #6B0E37)
- Byzantium Boulevard color palette (#E8E8BA, #6BA822, #9F00A2, #355A00, #4E0050)
Browse the whole catalog at Explore, or see today's palette.