Tempered Brick color palette — #F5E7DB · #CA2200 · #00725D · #040E0F · #000102

Brick and Teal set the tone — five colors that lean into energy and balance.

The five colors

• Parchment (#F5E7DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Brick (#CA2200): A full-bodied, vivid orange — the color of sun-warmed clay.
• Teal (#00725D): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#040E0F): quiet, heavy and certain.
• Black (#000102): quiet, heavy and certain.

Feels like: Energy, Balance. Tagged neon, dark, vibrant, muted.

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

• Tempered Crimson color palette (#F9E9F1, #E70031, #006124, #000E0B, #000201)
• Aged Bronze Basin color palette (#E5E2D2, #9C5E00, #006F77, #050D12, #000102)
• Frosted Ember Canyon color palette (#E5E4C4, #FF4C32, #0097AB, #001216, #000305)
• Dusty Hollow color palette (#FFE4F1, #CF8100, #1E800D, #011100, #020200)
• Shadow Plum color palette (#D4E4ED, #A9395E, #403635, #00232C, #000305)
• Softworn Drift color palette (#FFE3F1, #A800CD, #526C00, #040E07, #000201)
• Ancient Hollow color palette (#D6EAEE, #00796B, #62004A, #00322B, #020006)
• Abyss Alley color palette (#E7F1F8, #96A1B1, #76789C, #003C4F, #00050A)

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