Faded Brick color palette — #ECE0D4 · #B82700 · #5E2E00 · #1B2A00 · #2B0A00

A conversation between Brick and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Parchment (#ECE0D4): A whisper-light, dusty gold — the color of honey in a jar.
• Brick (#B82700): A full-bodied, vivid orange — the color of sun-warmed clay.
• Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#1B2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#2B0A00): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, warm.

Use it as a design system

One click turns Faded 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

• Terracotta Basin color palette (#F4E1D5, #933500, #453400, #0E2600, #26001A)
• Timeworn Brick color palette (#E9DFCC, #B3253A, #5A2E00, #002422, #110100)
• Washed Quarry color palette (#F2E0D2, #B9005F, #770014, #2D2300, #2E040F)
• Aged Corridor color palette (#F9E6DE, #FF4573, #E1390B, #803E00, #250700)
• Worn Crimson Thicket color palette (#F5EDDC, #DB3E50, #834600, #00413E, #2F0400)
• Faded Bronze color palette (#F9E2B5, #B16A00, #674E00, #004429, #3A2300)
• Hushed Amber Pier color palette (#FFF3E5, #DA7A4F, #905D23, #3A572E, #423C37)
• Wisteria Field color palette (#F7ECD6, #CF6FC3, #C55B12, #004F8F, #300014)

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