Soft Brick color palette — #F8ECBA · #967E00 · #00875C · #B50C00 · #3A3000

Ruby takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F8ECBA): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#967E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Fern (#00875C): A full-bodied, balanced teal — the color of sea glass.
• Ruby (#B50C00): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#3A3000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Energy, 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

• Ancient Plum Thicket color palette (#D7F5D7, #AB7200, #2B8817, #B20049, #432B00)
• Feathered Garnet Courtyard color palette (#D3EADA, #816900, #007147, #93030D, #271E00)
• Chestnut Courtyard color palette (#C9EEE2, #6F8434, #007D77, #894600, #263005)
• Misty Mulberry color palette (#FFE2EF, #C26100, #6A7C00, #A71374, #4E2300)
• Bronze Alley color palette (#DFF5E6, #A89F5B, #7E6700, #5F4400, #383800)
• Hazy Mint Loft color palette (#E1FDEF, #A6E8DC, #87CC73, #886D00, #464B0D)
• Softworn Bronze color palette (#E0FBFD, #68A790, #5292B6, #817825, #2A484A)
• Chalky Sapphire color palette (#F5E4B6, #A07E00, #2763FD, #7C37B5, #1F1700)

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