Tempered Brick color palette — #FAE5F8 · #B22936 · #5E5700 · #104200 · #130013
Built around Ruby, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Blush (#FAE5F8): A whisper-light, dusty pink — the color of a candy shop window.
- Ruby (#B22936): A full-bodied, vivid orange — the color of toasted spice.
- Olive (#5E5700): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#104200): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#130013): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, 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
- Plum Garden color palette (#F7E8F7, #BE2644, #663A00, #272A00, #18001A)
- Brick Thicket color palette (#EDDDEA, #AE0411, #433F00, #043304, #000507)
- Mulberry Meadow color palette (#F2EAFE, #9E3380, #7A4800, #403600, #0C0316)
- Antique Forest color palette (#F5DFE7, #925200, #00681B, #004035, #160009)
- Olive Ridge color palette (#FDECF7, #C36A52, #717E00, #196135, #24141F)
- Garnet Summit color palette (#F4DAE5, #B84F78, #910022, #372B00, #21010A)
- Linen Grape color palette (#E0E7FE, #6641D2, #9C0F3E, #003E46, #04051A)
- Iris Villa color palette (#F1F5FF, #7977F1, #8E7300, #005B47, #030619)
Browse the whole catalog at Explore, or see today's palette.