Tempered Brick color palette — #FFE9E0 · #B31516 · #004F36 · #002B43 · #060008

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

The five colors

• Rose Water (#FFE9E0): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#B31516): A full-bodied, vivid orange — the color of sun-warmed clay.
• Forest (#004F36): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#002B43): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#060008): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Chestnut Delta color palette (#EEDBCC, #9B4E00, #005428, #002749, #15000B)
• Midnight Mulberry Summit color palette (#F9DDD9, #A00064, #294B00, #00282F, #03000A)
• Onyx Veranda color palette (#FCE6D3, #7B4100, #00393B, #100051, #060002)
• Cellar Pier color palette (#F8EBDD, #744700, #303E3B, #1F1800, #050200)
• Wandering Corridor color palette (#FAE1EB, #BE5200, #007262, #005A4D, #030009)
• Garnet Market color palette (#F2E0DB, #6C0020, #002B10, #15003B, #080001)
• Tempered Canyon color palette (#FCD8D0, #C15F0A, #734700, #3B2D00, #0D0E00)
• Feathered Scarlet color palette (#FFF1EA, #E33200, #006F5C, #004B82, #30002B)

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