Tempered Brick color palette — #DAF3E9 · #229DDB · #B60026 · #952B30 · #060600

Ruby and Garnet set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DAF3E9): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#229DDB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ruby (#B60026): A full-bodied, vivid orange — the color of toasted spice.
• Garnet (#952B30): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, 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

• Quiet Azure color palette (#FEE6F8, #3099FD, #A54000, #6B4600, #010B00)
• Rust Atelier color palette (#CDEDDD, #009ECC, #C33C32, #5C5200, #151200)
• Rust Bloom color palette (#D6E8D6, #009896, #BE4500, #973500, #090400)
• Wandering Plum Chapel color palette (#DBE6D1, #009B80, #C81B68, #942C52, #0E0400)
• Mulberry Market color palette (#C2E4F8, #007894, #8A003F, #412F00, #000708)
• Patina Loft color palette (#C7E7D5, #009BBE, #B12CA5, #851D7C, #090600)
• Muted Canyon color palette (#FEE6FF, #54A1FF, #AE8000, #835F00, #071F01)
• Weathered Cerulean color palette (#D3F7E6, #0088A6, #7A6400, #504100, #040200)

Browse the whole catalog at Explore, or see today's palette.