Soft Brick color palette — #FFE4E2 · #E2604E · #B23600 · #6B2900 · #3A1600

Brick and Coral Clay set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#FFE4E2): A whisper-light, dusty orange — the color of toasted spice.
• Coral Clay (#E2604E): A luminous, vivid orange — the color of sun-warmed clay.
• Brick (#B23600): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#6B2900): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#3A1600): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Timeworn Brick color palette (#FFE0E7, #DB5F73, #BC0036, #78000E, #440500)
• Antique Rose color palette (#FAD7D6, #FF4034, #BA2F00, #531900, #210A00)
• Soft Garnet color palette (#FBE3F2, #B57D60, #974425, #760800, #260F00)
• Hazy Lantern color palette (#EFE2DA, #D17D3B, #9D4E00, #4D2300, #100400)
• Olive Lagoon color palette (#F4E6EE, #C6693C, #1A8D17, #883500, #022202)
• Timeworn Crimson color palette (#FEDFE8, #CA2B4A, #8C2600, #4B2300, #201E00)
• Worn Amber Workshop color palette (#F5E3D0, #B37A00, #7D5A00, #4B3A00, #272100)
• Muted Lantern color palette (#FFDEF6, #E9A087, #CD7648, #A85608, #674322)

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