Tempered Iris Quarry color palette — #FCF2F7 · #E4D9D3 · #867CB6 · #583C4B · #22181D

Built around Slate Blue, softened by Cocoa — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Bone (#E4D9D3): bright and airy, almost weightless.
• Slate Blue (#867CB6): A luminous, balanced violet — the color of twilight just after sunset.
• Cocoa (#583C4B): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#22181D): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Iris Quarry 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

• Wandering Pewter Garden color palette (#FFF2EF, #EBDBBA, #A25F70, #532A35, #170C0A)
• Ancient Lantern color palette (#EEF8F3, #B2E4EC, #4F8FAD, #2B4E40, #151D1A)
• Hushed Celadon color palette (#FCF2F9, #C0EDB7, #B691AE, #7A6675, #30292E)
• Dusty Pewter color palette (#EEF1FD, #ABCDB2, #5E5C87, #2A3044, #10131F)
• Patina Corridor color palette (#FFF1F4, #FFCABE, #9737B3, #401D4B, #150106)
• Patina Blush color palette (#FFF3E9, #FFCCE4, #D48A94, #866F43, #4D3A38)
• Shell Canyon color palette (#FFF2EF, #F9AAB8, #C4AC67, #788A52, #3D2D2A)
• Aged Courtyard color palette (#FFF1F2, #F0D4D4, #EC96B9, #A1566A, #683137)

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