Faded Brick color palette — #FAE8F6 · #C00A08 · #3B4D00 · #002C36 · #100019

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

The five colors

• Blush (#FAE8F6): A whisper-light, dusty pink — the color of a candy shop window.
• Ruby (#C00A08): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#3B4D00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#002C36): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#100019): A deep, shadowed, dusty violet — the color of wild irises.

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

• Brick Corridor color palette (#EFE1DB, #C10B08, #3B4000, #001A1B, #010009)
• Worn Alley color palette (#F6E7FE, #B80068, #544300, #002E2B, #080023)
• Misty Forest Coast color palette (#F9D4E2, #955300, #005516, #002B3C, #100018)
• Eclipse Terracotta color palette (#F5DEEB, #8A3300, #32383E, #261300, #080004)
• Bronze Chapel color palette (#FFEAE0, #B76000, #714500, #473200, #1D1600)
• Patina Chestnut color palette (#FFE9E6, #B17B48, #796210, #004B55, #001D33)
• Gentle Ember Delta color palette (#FAE4DE, #FD5E94, #EE4600, #845600, #1C0700)
• Pale Ember color palette (#FFDCF2, #EB5200, #547600, #00515F, #31005A)

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