Iris Harbor color palette — #EDF8F9 · #6FE9CC · #7F79E5 · #008A73 · #020414
Lavender Blue and Lagoon set the tone — five colors that lean into creativity and calm.
The five colors
- Ivory (#EDF8F9): a clean, paper-quiet neutral.
- Lagoon (#6FE9CC): A whisper-light, balanced teal — the color of sea glass.
- Lavender Blue (#7F79E5): A luminous, balanced violet — the color of wild irises.
- Fern (#008A73): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#020414): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Balance. Tagged duotone, cool.
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 Orchid color palette (#ECF7FC, #70E4F2, #AC65D4, #008692, #050411)
- Faded Cornflower color palette (#EAF9F8, #79EBAE, #008EE9, #008D57, #00060F)
- Glacier Summit color palette (#EEF8EF, #14E5EF, #44ABF0, #00AAB2, #041D17)
- Hazy Magenta color palette (#EAF8FF, #3CD7FC, #C500DC, #00778F, #040005)
- Frosted Market color palette (#DEEDFB, #0081C5, #62006B, #002E4A, #020007)
- Grape Boulevard color palette (#EFF4E6, #6BB18D, #714DAB, #006641, #100208)
- Aubergine Meadow color palette (#D9EEF6, #00A0AE, #7A008D, #00454B, #020008)
- Byzantium Bloom color palette (#E2FBFF, #00B4A3, #9D3EB1, #653C00, #000A0D)
Browse the whole catalog at Explore, or see today's palette.