Tempered Brick color palette — #F8DFE1 · #EE8487 · #E84C4B · #C22300 · #561900

Brick and Scarlet set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F8DFE1): A whisper-light, dusty red — the color of late-summer berries.
• Watermelon (#EE8487): A luminous, balanced red — the color of late-summer berries.
• Scarlet (#E84C4B): A luminous, vivid orange — the color of autumn markets.
• Brick (#C22300): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#561900): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Faded Scarlet Hollow color palette (#F1D9E5, #E37390, #C9323B, #853400, #442300)
• Ancient Rust Canyon color palette (#FADBD7, #F49C89, #E47249, #BF5000, #5F2C00)
• Scarlet Ridge color palette (#F5D7C8, #FB8B6F, #6EB815, #E53A00, #183000)
• Ancient Delta color palette (#FFE5DE, #E56934, #BE5800, #8D4600, #2E1600)
• Worn Station color palette (#FFDECF, #FFA67D, #E06B31, #9E4000, #2E0D00)
• Chalky Plum Summit color palette (#EED9E7, #E380B7, #D9488C, #C31A68, #5B0321)
• Feathered Crimson Studio color palette (#FFEAEC, #DF2B4F, #AE001D, #620A00, #290600)
• Tempered Coral color palette (#FFEBDF, #FCD1B0, #CBC57F, #EB6E53, #39332E)

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