Softworn Brick color palette — #FFF2EC · #C3261A · #675400 · #00464F · #33122F
A conversation between Brick and Coffee, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Brick (#C3261A): A full-bodied, vivid orange — the color of toasted spice.
- Coffee (#675400): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#00464F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#33122F): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged jewel, vibrant.
Use it as a design system
One click turns Softworn 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 Field color palette (#FFF2EA, #A34500, #4A4B00, #00393F, #2E1318)
- Wandering Plum Atelier color palette (#FFF2EF, #B12E5A, #7F4000, #004633, #281741)
- Patina Orchard color palette (#FFF2EF, #D8316E, #446600, #004565, #1C284C)
- Dusty Dune color palette (#FFF4DC, #D25E91, #954700, #004B6D, #572227)
- Navy Loft color palette (#FFF3E7, #975800, #006338, #003094, #371707)
- Rust Balcony color palette (#FFDCF0, #EF829D, #B33D1B, #683900, #423300)
- Timeworn Plum color palette (#FFF2EF, #E2D8C9, #CFB7A1, #A24863, #4E3A37)
- Eclipse Brick color palette (#FFE6DA, #BC2800, #3E2400, #2B0F01, #100601)
Browse the whole catalog at Explore, or see today's palette.