Tempered Brick color palette — #DAE8DD · #BB0C00 · #573400 · #002527 · #0A0100

Built around Ruby, softened by Cocoa — the whole palette hums with optimism and energy.

The five colors

• Parchment (#DAE8DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Ruby (#BB0C00): A full-bodied, vivid orange — the color of toasted spice.
• Cocoa (#573400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#002527): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0A0100): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Energy, Balance. Tagged retro, vibrant, muted.

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

• Midnight Boulevard color palette (#F0D5E7, #9B2B00, #343D00, #002022, #02000D)
• Chestnut Parlor color palette (#E1F7E5, #915100, #453E00, #002332, #060300)
• Sunlit Plum color palette (#D2F1D8, #B40063, #6D1E00, #00261B, #0D0001)
• Mulberry Thicket color palette (#EBEAD9, #8A0044, #322000, #000F1C, #0D0000)
• Cellar Cocoa Drift color palette (#FFE9F4, #6E3100, #302F28, #150B00, #060003)
• Crimson Basin color palette (#E7DFC9, #CD3D5D, #7D4E00, #003B6C, #0C0000)
• Washed Archive color palette (#F9E9E4, #9C6E38, #565000, #003B47, #001327)
• Chalky Peony Terrace color palette (#F9E6F2, #FB4582, #CA5400, #725700, #080200)

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