Soft Brick color palette — #D5E3D1 · #009286 · #B6353A · #00554D · #53000A

Built around Brick, softened by Espresso — the whole palette hums with balance.

The five colors

• Celadon Mist (#D5E3D1): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#009286): A full-bodied, balanced teal — the color of shallow lagoons.
• Brick (#B6353A): A full-bodied, vivid orange — the color of toasted spice.
• Forest (#00554D): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#53000A): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: 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

• Dusty Quarry color palette (#D5E4CA, #009476, #AA3A73, #005644, #4F002F)
• Rust Corridor color palette (#C9E7D5, #008DAA, #A94A00, #005264, #451A00)
• Hushed Plum Corridor color palette (#E1F5E5, #369DAA, #B8526A, #00626C, #5D192C)
• Faded Brick Summit color palette (#DAF6E2, #007B8D, #A81000, #00414B, #390200)
• Pale Veranda color palette (#D0E7D5, #007A84, #AB045B, #910F00, #002528)
• Chalky Azure Cabin color palette (#BEF1E4, #2498F5, #934C00, #00518B, #482200)
• Bronze Archive color palette (#D2E5C9, #00B199, #AB7E00, #007464, #372600)
• Amber Lantern color palette (#E7FBF1, #55ACCD, #BE725D, #007090, #673121)

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