Tempered Brick color palette — #FFDFD4 · #A60026 · #4F2E00 · #1F2200 · #220026

Built around Garnet, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDFD4): A whisper-light, dusty orange — the color of sun-warmed clay.
• Garnet (#A60026): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#4F2E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#1F2200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#220026): A deep, shadowed, balanced pink — the color of neon signs at night.

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

• Obsidian Garnet color palette (#FFEBE1, #8B1200, #382700, #0A1800, #15000C)
• Soft Crimson Loft color palette (#FFD7D9, #DD2F43, #960605, #530D00, #330F00)
• Muted Mulberry color palette (#FEDCDF, #930088, #6C0108, #2B1C00, #180036)
• Chestnut Meadow color palette (#F4E3D0, #7B4B00, #353B00, #002717, #001519)
• Feathered Villa color palette (#FFE1CD, #B04C00, #594B00, #003F12, #480022)
• Ancient Raspberry Garden color palette (#FAD5D0, #E66DCD, #DB0081, #9A001F, #30000F)
• Wandering Chestnut color palette (#FFE9E7, #AF7762, #814600, #2F3B00, #002A21)
• Mulberry Balcony color palette (#FEEAED, #91008E, #443400, #001F22, #000405)

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