Softworn Brick color palette — #E2F3EE · #5B8700 · #BC1E00 · #344F00 · #250200

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

The five colors

• Cream (#E2F3EE): a clean, paper-quiet neutral.
• Olive Leaf (#5B8700): A full-bodied, balanced green — the color of new leaves after rain.
• Brick (#BC1E00): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#344F00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#250200): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Energy, Balance. Tagged warm.

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

• Airy Plum Field color palette (#D0F0DA, #8F7500, #B80069, #544300, #240010)
• Softworn Canyon color palette (#CFE6E5, #007D4F, #804800, #004429, #0D0400)
• Tempered Bronze color palette (#DEECE1, #947200, #00766D, #574200, #001411)
• Tempered Chestnut color palette (#FFE0EC, #A0733C, #7A4300, #4F2200, #120900)
• Washed Olive Bloom color palette (#DBF1F9, #0098A2, #7D7900, #005E65, #1D1C00)
• Moss Chapel color palette (#DAF5F5, #848B00, #00432C, #00140A, #000202)
• Powdered Grove color palette (#C4E5EB, #00B09E, #A97F00, #007367, #362600)
• Pale Aubergine color palette (#CEE9E2, #4E7C1A, #5D0081, #1C3400, #1B0029)

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