Faded Brick color palette — #F4DCF2 · #C0002D · #454900 · #002D31 · #0C001F

A conversation between Ruby and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Blush (#F4DCF2): A whisper-light, dusty pink — the color of peonies in June.
• Ruby (#C0002D): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#454900): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#002D31): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0C001F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Faded 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

• Plum Drift color palette (#EBDEF7, #B50079, #594000, #002E26, #030028)
• Sunlit Chestnut Atelier color palette (#FFE0EF, #9D4C00, #1A5300, #002B39, #0F001A)
• Brick Market color palette (#EFDBD5, #C0003A, #553300, #140046, #040003)
• Moonless Terracotta color palette (#F5E7F1, #952300, #2F363C, #281200, #080005)
• Dusty Raspberry Alley color palette (#F7E2DD, #D84067, #007932, #004B61, #01002A)
• Rust Villa color palette (#FAD8CF, #C95900, #804800, #4D3100, #201700)
• Hushed Bronze Harbor color palette (#FFE6E4, #B46B3F, #7C621D, #004B4F, #002236)
• Ember Corridor color palette (#F7E0F1, #F93715, #657100, #005257, #260066)

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