Tempered Brick color palette — #E4F1DA · #00B689 · #9460CB · #BE0028 · #171400
A conversation between Ruby and Amethyst, giving this palette its sense of creativity and energy.
The five colors
- Honeydew (#E4F1DA): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#00B689): A luminous, balanced teal — the color of glacier melt.
- Amethyst (#9460CB): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ruby (#BE0028): A full-bodied, vivid orange — the color of autumn markets.
- Ink (#171400): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Creativity, Energy, Balance. Tagged jewel, 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
- Dusty Lantern color palette (#D6E7D7, #00B9BC, #8472D3, #B1202E, #1E2200)
- Mulberry Villa color palette (#EEEEDA, #85BF51, #6366DC, #A52271, #211200)
- Soft Villa color palette (#E3F2E3, #00ABB8, #C45BA0, #A64E00, #051B00)
- Gentle Canyon color palette (#E6F4E4, #009691, #B721A4, #873A00, #020900)
- Timeworn Plum Canyon color palette (#EFDBBC, #15C3BC, #0095C4, #AC2E62, #002A2E)
- Wisteria Grove color palette (#EDF9EF, #51CDD2, #D27CBB, #BB6C2E, #272912)
- Gentle Garnet color palette (#D9F0E2, #00829B, #3D5C96, #7E002B, #001914)
- Gentle Boulevard color palette (#D6FBE6, #20C1E9, #E00061, #856000, #001C0E)
Browse the whole catalog at Explore, or see today's palette.