Tempered Iris color palette — #FFF0F8 · #FFC4C2 · #948BC7 · #7A5769 · #2B1D24

Blue Fog and Shell Pink set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Shell Pink (#FFC4C2): A whisper-light, dusty orange — the color of toasted spice.
• Blue Fog (#948BC7): A luminous, balanced violet — the color of wild irises.
• Graphite (#7A5769): A full-bodied, dusty rose — the color of pressed rose petals.
• Onyx (#2B1D24): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Weathered Seafoam color palette (#FEF0FD, #8FECC1, #7B95C3, #725A70, #271E27)
• Pale Peony color palette (#FFF1F0, #FFBE99, #D16199, #824562, #2C1211)
• Pewter Lagoon color palette (#F1F5FF, #FAE3B4, #6F729F, #333459, #0B0F1A)
• Tempered Stone Villa color palette (#FCF1F9, #BACE89, #626F9C, #513A4C, #2A1D27)
• Weathered Orchid color palette (#FFD9E1, #FFA488, #A957BD, #643C6E, #1F060D)
• Muted Coast color palette (#FCF2F4, #E4D8D3, #B8B0A3, #BE9EC6, #514446)
• Hazy Garnet color palette (#FFEBFE, #FFB3E7, #DB91B8, #B67089, #68142D)
• Quiet Villa color palette (#F5D6D0, #FF9D51, #B75173, #6E3245, #150605)

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