Tempered Brick color palette — #FFF2F0 · #FF8C84 · #8CA800 · #C9011E · #1B2200
A conversation between Ruby and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Salmon (#FF8C84): A luminous, balanced orange — the color of sun-warmed clay.
- Moss (#8CA800): A luminous, vivid green — the color of a quiet forest floor.
- Ruby (#C9011E): A full-bodied, vivid orange — the color of sun-warmed clay.
- Onyx (#1B2200): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
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
- Sunlit Terrace color palette (#FFF3E8, #FFB577, #00CF79, #B86600, #00391D)
- Linen Marigold Parlor color palette (#FFF3E6, #EA9400, #00AC7D, #8B5600, #001E13)
- Patina Meadow color palette (#FFF2EF, #FF5944, #A18900, #A73CB1, #2B0100)
- Feathered Rose Alley color palette (#FFDAD9, #FF908F, #00BDC8, #F72043, #003539)
- Ancient Plum color palette (#FFF1F2, #FF77E4, #CF8900, #B4009D, #2C1A00)
- Antique Honey Studio color palette (#FFF3E6, #FAB52F, #7E4B00, #2E1800, #020100)
- Dusty Alley color palette (#FEECCE, #B68A00, #C2408D, #624900, #15000B)
- Tempered Magenta color palette (#FFF3E9, #FF9247, #CA64F7, #A54F00, #310242)
Browse the whole catalog at Explore, or see today's palette.