Tempered Brick color palette — #DAE9F7 · #2A97DC · #B00A03 · #665300 · #00050C
A conversation between Garnet and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Frost (#DAE9F7): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#2A97DC): A luminous, balanced blue — the color of deep harbor water.
- Garnet (#B00A03): A full-bodied, vivid orange — the color of toasted spice.
- Coffee (#665300): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#00050C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. 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
- Gentle Villa color palette (#D2E3FA, #448AFF, #983E00, #565900, #000314)
- Crimson Meadow color palette (#C3E4F7, #0089AB, #CF0344, #774900, #000509)
- Tempered Raspberry Study color palette (#DDEFF4, #008E8D, #C20391, #8E3400, #000606)
- Worn Indigo color palette (#E3EAFF, #7762FB, #BB0036, #454700, #000A0B)
- Washed Petrol color palette (#CAEADE, #006794, #6E4100, #3B2100, #000103)
- Powdered Lapis Loft color palette (#DCE3F0, #4E4AF8, #904E00, #3E4E00, #01000F)
- Byzantium Courtyard color palette (#D6E9DA, #6E74FF, #9D0BC2, #5A4400, #0E0226)
- Ember Alley color palette (#D2E7FF, #81BBFF, #D65400, #877C00, #04203D)
Browse the whole catalog at Explore, or see today's palette.