Soft Brick color palette — #EBDEE9 · #B83631 · #006C71 · #274A71 · #3C0C0A

Brick takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#EBDEE9): A whisper-light, dusty pink — the color of a candy shop window.
• Brick (#B83631): A full-bodied, vivid orange — the color of toasted spice.
• Teal (#006C71): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#274A71): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#3C0C0A): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, 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

• Aged Plum Chapel color palette (#FBE4FE, #B33755, #00713B, #00595A, #3E0515)
• Bronze Delta color palette (#F8E7ED, #9B5900, #006C6F, #004F89, #311800)
• Airy Nightshade Meadow color palette (#DEF3E3, #846700, #006691, #372DBC, #281E00)
• Aubergine Chapel color palette (#D1E4D4, #7C5C00, #005F62, #3C0093, #01220C)
• Petrol Orchard color palette (#FFF1F5, #B57A35, #1784B8, #2A6AB1, #4B2E38)
• Airy Drift color palette (#FAE9E3, #B73B00, #676100, #7E0F74, #1A0300)
• Pale Thicket color palette (#F0E8D4, #5F4A00, #00485A, #23008E, #0B0700)
• Feathered Coral color palette (#F5D7D2, #FF6554, #00A9B4, #4083BB, #341607)

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