Tempered Iris color palette — #F2F5FB · #DCD9E3 · #C2B1AB · #7085CD · #282E3A

Lavender Blue and Onyx set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DCD9E3): a clean, paper-quiet neutral.
• Rosewood Mist (#C2B1AB): A luminous, dusty orange — the color of sun-warmed clay.
• Lavender Blue (#7085CD): A luminous, balanced violet — the color of a velvet chair.
• Onyx (#282E3A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Antique Harbor color palette (#F3F5FB, #DDD8E0, #CDC0BF, #9F96C9, #3C3F4A)
• Washed Boulevard color palette (#F4F4FF, #E0D6DF, #D8AEA4, #A05BC0, #242139)
• Aged Petrol color palette (#F7EFF5, #E0D2D3, #C8B0B8, #4B629B, #251E24)
• Wisteria Summit color palette (#F2F5FF, #DBD8E2, #E3BCE7, #C889E3, #1E203D)
• Worn Garden color palette (#E4E2E8, #C0B6CA, #9E89A8, #69005A, #020006)
• Hushed Market color palette (#FFF0FC, #B8A7FF, #A05CBF, #85322E, #1D1F36)
• Blush Summit color palette (#F4F4FF, #E0D3FB, #CF8AA5, #875C3C, #223E22)
• Emerald Veranda color palette (#E9FAF4, #B8DCAB, #599C62, #396B7C, #0D2E29)

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