Soft Brick color palette — #DEF0F6 · #007D7C · #A90029 · #004242 · #3A0008

Garnet and Teal set the tone — five colors that lean into balance.

The five colors

• Frost (#DEF0F6): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007D7C): A full-bodied, balanced teal — the color of glacier melt.
• Garnet (#A90029): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Teal (#004242): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#3A0008): A deep, shadowed, balanced red — the color of embers at dusk.

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

• Terracotta Market color palette (#E0F3FF, #00789A, #8E3E00, #004053, #2F1000)
• Mulberry Orchard color palette (#DDF1F1, #008158, #99007F, #00452D, #340029)
• Dusty Plum color palette (#DDF5E1, #0098A3, #C82E68, #005E65, #380016)
• Rust Cabin color palette (#CAEAFF, #0092BB, #BC4300, #005771, #521800)
• Tempered Ember color palette (#E8F8FF, #1FB3C1, #D4624D, #00737D, #62342B)
• Hazy Aubergine color palette (#D6F1F2, #00676C, #7B008E, #513800, #001517)
• Muted Cocoa Pier color palette (#FEE3F0, #986B39, #6E3200, #4E0B00, #011C08)
• Cellar Denim Loft color palette (#D6E9FD, #00538F, #593500, #00213F, #0C0400)

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