Soft Brick color palette — #D1EDF5 · #008989 · #C00023 · #005050 · #260002
Built around Ruby, softened by Fern — the whole palette hums with energy and balance.
The five colors
- Frost (#D1EDF5): A whisper-light, dusty blue — the color of open sky before noon.
- Fern (#008989): A full-bodied, balanced teal — the color of sea glass.
- Ruby (#C00023): A full-bodied, vivid orange — the color of toasted spice.
- Forest (#005050): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#260002): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Energy, Balance. Tagged vibrant.
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 Chestnut color palette (#CCE9F6, #008797, #A04A00, #004F59, #1E0800)
- Brick Grove color palette (#DFF1E0, #009094, #BB1C38, #004547, #040000)
- Plum Lantern color palette (#D3F6FD, #008A7F, #B50079, #00514A, #230014)
- Aged Scarlet color palette (#DCF5D9, #00A29C, #E7272B, #00716D, #260001)
- Hazy Mulberry Courtyard color palette (#D5EAFF, #006DB2, #A60033, #003A63, #140002)
- Aged Mulberry color palette (#D3F2F2, #007577, #AA0040, #7E2C00, #000A0A)
- Ember Field color palette (#C5ECFB, #00B3C2, #F14900, #007781, #551400)
- Ancient Fern Lantern color palette (#D4F7F5, #006D6C, #584B00, #003434, #140F00)
Browse the whole catalog at Explore, or see today's palette.