Smoked Brick color palette — #FFDFEE · #AF362D · #583100 · #1E1900 · #000200

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

The five colors

• Blush (#FFDFEE): A whisper-light, dusty rose — the color of a warm blush.
• Brick (#AF362D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#583100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#1E1900): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

Use it as a design system

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

• Twilit Lantern color palette (#F9E3FF, #AA2A6F, #680E00, #231000, #020100)
• Cellar Delta color palette (#FBDBD2, #8A5900, #363B00, #001907, #000201)
• Washed Ember color palette (#F6DEDA, #D36000, #764400, #251900, #010100)
• Obsidian Mulberry Pier color palette (#CBE9D4, #9F003D, #3C2C00, #001134, #050000)
• Charred Cocoa color palette (#F1DCE5, #6F3900, #002F3C, #00131A, #010009)
• Soft Peony color palette (#FFE9F2, #E63393, #AF4800, #395600, #020100)
• Faded Chestnut Harbor color palette (#F9DAE2, #915422, #374A06, #1B1747, #0A0030)
• Hushed Summit color palette (#F4E4D5, #7C7500, #08560D, #00271D, #00070A)

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