Tempered Brick color palette — #F0E7FE · #D056B2 · #B6002A · #552900 · #191200

Ruby and Hot Pink set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#F0E7FE): A whisper-light, dusty violet — the color of wild irises.
• Hot Pink (#D056B2): A luminous, vivid pink — the color of a candy shop window.
• Ruby (#B6002A): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#552900): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#191200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Creativity, Warmth, Comfort, Energy, Balance. Tagged warm.

Use it as a design system

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

• Dusty Boulevard color palette (#F1D5ED, #E85885, #A02A00, #462C00, #101100)
• Frosted Mulberry Delta color palette (#DEE1F0, #B170DB, #A90071, #680108, #210C00)
• Feathered Crimson Drift color palette (#F2EBFB, #F66BC0, #E6003A, #764400, #372900)
• Hazy Bronze Atelier color palette (#F1D8E7, #E17E87, #A35100, #4F3A00, #192200)
• Orchid Basin color palette (#E9E4C6, #B150BF, #8F2B00, #003749, #280016)
• Powdered Rose color palette (#FFF1F7, #FFA5B9, #F32D35, #7D3200, #291400)
• Ancient Chestnut Workshop color palette (#FFECF0, #DEACA8, #B57063, #7E4900, #322C00)
• Mulberry Loft color palette (#FEEDEC, #E3CFC6, #C1A68A, #A3006A, #2C1010)

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