Tempered Brick color palette — #FADCF3 · #B30907 · #005758 · #5A0202 · #001314

Ruby takes the lead with Espresso close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Blush (#FADCF3): A whisper-light, dusty pink — the color of a candy shop window.
• Ruby (#B30907): A full-bodied, vivid orange — the color of toasted spice.
• Peacock (#005758): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#5A0202): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#001314): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Warmth, Comfort, Energy, Balance. 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

• Soft Mulberry Coast color palette (#ECE0ED, #AA0040, #005265, #53001B, #000305)
• Softworn Chestnut Alley color palette (#EFDDCE, #8B4D00, #00536D, #442300, #00121B)
• Crimson Ridge color palette (#F5E5E0, #D0324F, #007386, #840027, #001318)
• Hushed Lantern color palette (#FAE2DE, #93030D, #004A4E, #162D48, #170000)
• Linen Mulberry color palette (#ECE1FD, #A30085, #005C2D, #510041, #001506)
• Rust Balcony color palette (#FFE3DA, #C42E00, #5F1D00, #270600, #060000)
• Worn Bronze Ridge color palette (#FADBE6, #846800, #3B433C, #2D1700, #090300)
• Timeworn Hollow color palette (#FFDBD4, #F1270A, #007B9F, #940F00, #003344)

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