Pale Brick color palette — #F7DCD9 · #C12600 · #712400 · #381400 · #140D00

A conversation between Brick and Rust, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F7DCD9): A whisper-light, dusty orange — the color of autumn markets.
• Brick (#C12600): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#712400): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#381400): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#140D00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Worn Scarlet color palette (#F7D9D9, #CE3322, #993300, #4C2200, #1C0E00)
• Crimson Parlor color palette (#FFDCE0, #D00041, #7E0018, #4C0102, #2D0700)
• Shadow Bronze color palette (#FFEBD9, #A05E00, #502D00, #1D0D00, #050200)
• Aubergine Quarry color palette (#FFE9E0, #9D3C00, #6B00A1, #4E1A00, #1A002C)
• Pale Marigold Delta color palette (#FFE9D6, #E09D2F, #9A8000, #692D00, #2B1800)
• Garnet Terrace color palette (#F9E8DB, #723D00, #344800, #5B0035, #100500)
• Quiet Corridor color palette (#F0DAE9, #BC0089, #6F0045, #440020, #230500)
• Amber Workshop color palette (#F9EEDB, #AA8600, #6B5B00, #463F00, #153110)

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