Soft Brick color palette — #F4DEC7 · #B71C00 · #602D00 · #182400 · #0A0100

Brick and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F4DEC7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Brick (#B71C00): A full-bodied, vivid orange — the color of autumn markets.
• Cocoa (#602D00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#182400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A0100): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged retro.

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

• Cellar Terracotta Corridor color palette (#F2E1D5, #8F3B00, #453600, #072100, #060003)
• Aged Plum Archive color palette (#EFDED2, #B60057, #78000D, #261F00, #0D0002)
• Feathered Scarlet color palette (#CFE6D4, #CA4551, #864700, #004441, #0C0100)
• Mulberry Veranda color palette (#F5ECD6, #9C2E88, #502300, #000E1D, #040001)
• Weathered Bronze Basin color palette (#FFE9DE, #9C6832, #6D5323, #203D20, #00150C)
• Amber Bloom color palette (#F2DABA, #DC7100, #8C5F00, #00581E, #361D01)
• Worn Pine color palette (#E7E9DB, #008B4E, #005239, #402400, #000802)
• Patina Study color palette (#FFF3E5, #FF7D40, #B16A00, #3A6925, #53280A)

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