Iris Harbor color palette — #F4D8CB · #808AFF · #00A486 · #001E17 · #00090B
Lavender Blue and Fern set the tone — five colors that lean into creativity and balance.
The five colors
- Shell Pink (#F4D8CB): A whisper-light, dusty orange — the color of sun-warmed clay.
- Lavender Blue (#808AFF): A luminous, vivid violet — the color of a velvet chair.
- Fern (#00A486): A luminous, balanced teal — the color of sea glass.
- Ink (#001E17): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00090B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Creativity, Balance. Tagged neon, dark, vibrant.
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
- Pale Wisteria color palette (#FFDCDD, #BE8EFF, #00B394, #000F11, #000200)
- Powdered Wisteria Station color palette (#F8E6CE, #B86CFF, #009FAD, #002226, #000407)
- Airy Azure Terrace color palette (#FAE1E9, #2C9DFC, #739C00, #172200, #000705)
- Magenta Grove color palette (#EFE6CB, #F820E0, #009BBF, #00212B, #00050A)
- Airy Fuchsia Studio color palette (#F8EBD7, #E185FF, #00BACC, #003A41, #001821)
- Gentle Blush Lagoon color palette (#EAEFE1, #FF6FC0, #44A2FF, #122F4C, #06121E)
- Washed Peony Parlor color palette (#FFDEE6, #ED39BD, #009771, #021B1C, #000809)
- Washed Petrol Coast color palette (#E1EDF3, #B8C6D2, #92A7C0, #006C80, #10222A)
Browse the whole catalog at Explore, or see today's palette.