Tempered Garnet color palette — #F4F4FF · #F8CFF7 · #DAA2CC · #B97E9C · #6E2E47

Mulberry and Mauve set the tone — five colors that lean into creativity and warmth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Thistle (#F8CFF7): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#DAA2CC): A luminous, balanced pink — the color of neon signs at night.
• Dusty Rose (#B97E9C): A luminous, balanced rose — the color of a warm blush.
• Mulberry (#6E2E47): A deep, shadowed, balanced rose — the color of a warm blush.

Feels like: Creativity, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

Use it as a design system

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

• Driftwood Hollow color palette (#FFECF1, #D4A9DA, #AB6B9F, #7B3B61, #49172D)
• Timeworn Garnet color palette (#F0F5FF, #D6C3EF, #BA8CB1, #9E5E76, #78302D)
• Cocoa Cabin color palette (#FFF1F4, #FFD1D5, #E1A29D, #C07E6E, #71351A)
• Patina Aubergine Harbor color palette (#F0F6FF, #D0D8FF, #B0AEE2, #9786C0, #55376D)
• Patina Garden color palette (#F3EFFE, #D8A2D0, #80778A, #56525F, #222126)
• Feathered Rust color palette (#FFD7E3, #FFA2B4, #DE7D7E, #B85346, #5B1A00)
• Antique Mallow color palette (#F7F3FF, #EBB2DF, #D29896, #A47F54, #344162)
• Wandering Petal Orchard color palette (#F8F2FF, #E7D8EE, #CFBCCE, #8E9E90, #3E5147)

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