Tempered Brick color palette — #FFE9EC · #E28A8E · #D65455 · #B12218 · #5D2311
Built around Ruby, softened by Poppy — the whole palette hums with warmth and comfort.
The five colors
- Rose Water (#FFE9EC): A whisper-light, dusty red — the color of embers at dusk.
- Watermelon (#E28A8E): A luminous, balanced red — the color of embers at dusk.
- Poppy (#D65455): A luminous, vivid orange — the color of toasted spice.
- Ruby (#B12218): A full-bodied, vivid orange — the color of autumn markets.
- Espresso (#5D2311): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: 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
- Weathered Field color palette (#F9DEDA, #E68F79, #CA551A, #9A4400, #562B00)
- Brick Grove color palette (#FAE5F1, #E27A95, #C1252F, #7D2600, #532B08)
- Patina Brick Drift color palette (#F9E7E6, #D4564B, #B43000, #6A2400, #321100)
- Quiet Rose color palette (#FFF1F3, #FFB2B5, #DB5857, #974436, #451A0F)
- Feathered Coast color palette (#F7D7ED, #DC89B7, #C75B93, #A22760, #5D2534)
- Weathered Meadow color palette (#FFE9DF, #E78B79, #75A733, #CF2300, #263E00)
- Weathered Amber color palette (#FFF2EA, #F8D7BD, #E7C190, #CA7064, #5E2F00)
- Orchid Bloom color palette (#FFDCCD, #CF7A72, #A48600, #A54AB8, #451E1A)
Browse the whole catalog at Explore, or see today's palette.