Tempered Iris color palette — #F7EFF2 · #C1E0FC · #6F8CCB · #006B75 · #232A47

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

The five colors

• Cream (#F7EFF2): a clean, paper-quiet neutral.
• Powder Blue (#C1E0FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6F8CCB): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#006B75): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#232A47): 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 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

• Softworn Cerulean color palette (#EDF8F7, #BDE1FF, #638DBC, #246A88, #384960)
• Olive Courtyard color palette (#EFF1FF, #997DC6, #7D8800, #257D5A, #1B1C32)
• Hushed Cerulean Atelier color palette (#F8EFF5, #A5CFDD, #0089A9, #005E41, #062238)
• Denim Quarry color palette (#F1E4ED, #49ACBC, #006083, #003B2F, #000A1E)
• Softworn Study color palette (#EFF0FF, #E8D1E0, #F7ABA6, #6B74A0, #343142)
• Cerulean Garden color palette (#E6DAE0, #2783A4, #003D6B, #001F1E, #00000C)
• Periwinkle Drift color palette (#FAF4EE, #BDF2E1, #89A5DA, #43868E, #593E4E)
• Dusty Emerald Archive color palette (#EEF1FF, #AA97DA, #3CA55A, #6C559D, #002E2C)

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