Tempered Iris Harbor color palette — #F9F4EE · #B1E0D2 · #7592DD · #007A88 · #39335E

Lavender Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Mint (#B1E0D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Lavender Blue (#7592DD): A luminous, balanced violet — the color of wild irises.
• Teal (#007A88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#39335E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered 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 Cypress Quarry color palette (#FAF3F0, #C2DCC7, #3DA2C7, #007F60, #1A3D5C)
• Wandering Cornflower Dune color palette (#FFF2EA, #8FD5F9, #1B8DF7, #007272, #23286F)
• Hushed Powder color palette (#F2F8EA, #C7E4FF, #7FB4FA, #5694B5, #493147)
• Patina Cobalt Atelier color palette (#EBF8F8, #A9C9E7, #3C79C3, #005B7C, #293B55)
• Gentle Ultramarine Harbor color palette (#CCE8EB, #5DBDE4, #0091D3, #3059C0, #2B305E)
• Washed Cerulean Harbor color palette (#FEF0FF, #E5D4E7, #E9B3E4, #009DBA, #553B4E)
• Weathered Drift color palette (#EADDD5, #71ACBE, #006DA3, #004B43, #000942)
• Dusty Amber color palette (#F6DBF2, #7594D7, #C96F00, #917400, #1B2A4C)

Browse the whole catalog at Explore, or see today's palette.