Tempered Brick color palette — #FEE0FA · #EA6299 · #B0001C · #531F00 · #190D00

Garnet and Hot Pink set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FEE0FA): A whisper-light, dusty pink — the color of peonies in June.
• Hot Pink (#EA6299): A luminous, vivid rose — the color of pressed rose petals.
• Garnet (#B0001C): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#531F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#190D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, 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

• Feathered Station color palette (#EAD9E2, #EA5D76, #9C3F00, #452800, #130D00)
• Antique Study color palette (#F1E4EF, #D24279, #9B0020, #4B1D00, #281800)
• Aged Plum color palette (#E7E0EF, #C461D5, #B50067, #6C001A, #200300)
• Ancient Crimson Field color palette (#FFE2EE, #DF2D4F, #7B3500, #351D00, #020100)
• Hushed Harbor color palette (#FFE6F6, #DF6A42, #008B91, #862900, #000A0B)
• Terracotta Bloom color palette (#FFF2EC, #F48E50, #AB3E00, #491600, #040000)
• Ember Orchard color palette (#FFE6E6, #E76800, #8F5C00, #413600, #090B00)
• Hushed Mint color palette (#FFF0FC, #FFDCB5, #A1CF7F, #985988, #260A00)

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