Tempered Brick color palette — #FAD3E3 · #C64D6F · #B6070D · #662700 · #0F0400

A conversation between Ruby and Fuchsia, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FAD3E3): A whisper-light, dusty rose — the color of pressed rose petals.
• Fuchsia (#C64D6F): A full-bodied, balanced red — the color of embers at dusk.
• Ruby (#B6070D): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#662700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#0F0400): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Hazy Rust Studio color palette (#FFE6EA, #C44147, #9A3E00, #573000, #130A00)
• Quiet Study color palette (#F1E0F1, #B44887, #AC004C, #7D000F, #1B0500)
• Muted Market color palette (#FFEAE0, #D04D2D, #007F8E, #982300, #000709)
• Gentle Alley color palette (#EADCD5, #ADA165, #589F64, #AD2C5F, #200900)
• Rust Villa color palette (#F0EDFF, #008BB7, #BC5400, #2A0D00, #040100)
• Hazy Rust color palette (#F2D9C9, #B74600, #007384, #324F82, #050100)
• Hazy Grove color palette (#E3DDF3, #994FB8, #9C007B, #75003E, #160003)
• Muted Amber Delta color palette (#EEDBD7, #E27726, #AB6900, #6C5000, #212100)

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