Pale Brick color palette — #F9DEDE · #DF574C · #C22900 · #7A2800 · #2C0D00

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

The five colors

• Shell Pink (#F9DEDE): A whisper-light, dusty red — the color of late-summer berries.
• Scarlet (#DF574C): A luminous, vivid orange — the color of autumn markets.
• Brick (#C22900): A full-bodied, vivid orange — the color of sun-warmed clay.
• Rust (#7A2800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#2C0D00): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Feathered Hollow color palette (#FFE5EB, #D94A6D, #D00043, #97001C, #340200)
• Terracotta Atelier color palette (#F4E0E8, #C63A61, #A61300, #5A2600, #241300)
• Rose Coast color palette (#FFE1EC, #EE2362, #971C00, #411900, #0A0400)
• Emerald Study color palette (#F8E3D6, #E16020, #329800, #A33D00, #021500)
• Gentle Amber Boulevard color palette (#EBDCD4, #CB6B00, #A05E00, #684200, #1D1100)
• Softworn Ember Courtyard color palette (#F3DBD7, #FF8261, #E95900, #B55200, #502800)
• Quiet Station color palette (#EDE0D7, #E77F2B, #B45B00, #723800, #040100)
• Softworn Rust color palette (#FFEADB, #C8B66F, #A5AA3E, #C73B00, #2A1300)

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