Tempered Brick color palette — #EFDCE8 · #CF4374 · #AB001A · #522100 · #1E1100

Garnet takes the lead with Fuchsia close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#EFDCE8): A whisper-light, dusty pink — the color of neon signs at night.
• Fuchsia (#CF4374): A full-bodied, vivid red — the color of embers at dusk.
• Garnet (#AB001A): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#522100): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1E1100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Muted Coast color palette (#FFE3EE, #D13F3A, #953500, #4D2C00, #171000)
• Feathered Coast color palette (#E8D9E2, #DD006F, #9B1300, #391800, #020100)
• Patina Meadow color palette (#F7D3DC, #BF0040, #770B00, #421200, #1E0B00)
• Faded Summit color palette (#EEE3FD, #B847B0, #970057, #680016, #270900)
• Muted Meadow color palette (#F6E3F3, #C24A46, #007093, #860011, #00121B)
• Faded Plum Summit color palette (#F6E0F0, #D0A771, #62A82D, #AB046D, #270E00)
• Worn Amber Boulevard color palette (#F7E5DD, #CF7119, #833B00, #401600, #090200)
• Muted Rust color palette (#F8DAE7, #FF7280, #CD4A00, #754300, #3F2D00)

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