Tempered Brick Garden color palette — #F8D5DF · #D67F88 · #B4393C · #7F2B00 · #5E2B00

Built around Brick, softened by Rust — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F8D5DF): A whisper-light, dusty rose — the color of pressed rose petals.
• Watermelon (#D67F88): A luminous, balanced red — the color of embers at dusk.
• Brick (#B4393C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#7F2B00): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5E2B00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Brick Garden 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

• Terracotta Coast color palette (#FFE9E9, #D57D6C, #A44300, #6A3800, #3A3300)
• Ancient Coral Station color palette (#F8DEE5, #FF99A3, #EB6E5F, #A95B42, #58341D)
• Faded Mulberry color palette (#F6EBF6, #CC82AF, #B04171, #8D033C, #62262B)
• Rust Balcony color palette (#FFE8EA, #C1403D, #822700, #501E00, #241C00)
• Terracotta Corridor color palette (#FFEADF, #C87260, #00879D, #9F1D00, #003D47)
• Nightshade Harbor color palette (#FBDECE, #BC5833, #008154, #4E4CA8, #402310)
• Brick Pier color palette (#FFF2EB, #F7D9BC, #C4B87A, #A84653, #46403B)
• Chestnut Garden color palette (#EDE7D9, #949C6A, #6E6525, #583F00, #31312A)

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