Iris Harbor color palette — #F1F7F0 · #BFD8EE · #8091D3 · #007C7D · #413159
A conversation between Lavender Blue and Teal, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#F1F7F0): a clean, paper-quiet neutral.
- Powder Blue (#BFD8EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Lavender Blue (#8091D3): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#007C7D): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#413159): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, 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
- Muted Pine color palette (#FBF2FA, #AADEEE, #57A0BE, #3D7B4E, #203B5E)
- Cornflower Basin color palette (#FFF0F7, #83D7FF, #4A8AED, #007368, #322469)
- Weathered Cobalt Corridor color palette (#FAF4EC, #ACCDC4, #5777B4, #005C73, #32375B)
- Tempered Chapel color palette (#FBF2F5, #DBDEED, #9EB0DE, #529391, #4D506B)
- Forest Summit color palette (#EDE4EC, #80BEBE, #0081A2, #005E21, #001F40)
- Aged Petrol color palette (#EADDE5, #6EACC1, #0368B3, #004C3D, #0E073C)
- Mint Thicket color palette (#DDE7D8, #64C794, #009283, #006574, #003F56)
- Weathered Spruce Studio color palette (#EEE5EF, #53A19F, #00627A, #003F0E, #000919)
Browse the whole catalog at Explore, or see today's palette.