Tempered Brick color palette — #FFDEDF · #B23601 · #5A3600 · #281E00 · #011203

Brick takes the lead with Cocoa close behind in a set that reads as optimism and balance at first glance.

The five colors

• Shell Pink (#FFDEDF): A whisper-light, dusty red — the color of a theater curtain.
• Brick (#B23601): A full-bodied, vivid orange — the color of sun-warmed clay.
• Cocoa (#5A3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#281E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#011203): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Bronze Meadow color palette (#FFDFD3, #B35B00, #704600, #473200, #161100)
• Airy Plum Quarry color palette (#F4DDE9, #B32252, #6B1F00, #381B00, #190F00)
• Weathered Bloom color palette (#F7E9DE, #8A6B00, #3B4400, #012703, #001211)
• Navy Summit color palette (#F2E9DD, #7E5600, #004A92, #3D2800, #000F27)
• Gentle Navy color palette (#F1E9D6, #614800, #003A8C, #2E1962, #0C0700)
• Garnet Coast color palette (#F5E8D9, #A9AE6F, #00907C, #740019, #221A00)
• Misty Amber Meadow color palette (#FFE8E3, #DF7000, #805C00, #4D4400, #003A1B)
• Timeworn Bloom color palette (#F2DEC8, #9C8500, #586400, #004E23, #00372D)

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