Pale Brick color palette — #FDD7C8 · #B01221 · #425400 · #5A0009 · #0C1200

Built around Ruby, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FDD7C8): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#B01221): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#425400): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#5A0009): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#0C1200): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Warmth, Comfort, 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

• Patina Terracotta color palette (#F6E7DC, #964300, #005D16, #4A1E00, #001502)
• Brick Market color palette (#FFE8E0, #A61A2E, #00545B, #55000F, #000304)
• Antique Garnet color palette (#FFEAE7, #920700, #4C4000, #500058, #170000)
• Hushed Scarlet Drift color palette (#FEE6FA, #CD3C3A, #007574, #86010F, #001313)
• Rust Parlor color palette (#F9E5E0, #C5461C, #5E1500, #230300, #0C0100)
• Aged Aubergine color palette (#FFE4D0, #964400, #700298, #4A1E00, #1C0029)
• Feathered Ember color palette (#FFDDC9, #E04B00, #438300, #882A00, #193700)
• Bronze Lagoon color palette (#F9E7C7, #766800, #463600, #271900, #0D0C00)

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