Faded Brick color palette — #F8E0F3 · #BB101B · #00644D · #003D5E · #03000A
Built around Ruby, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Blush (#F8E0F3): A whisper-light, dusty pink — the color of a candy shop window.
- Ruby (#BB101B): A full-bodied, vivid orange — the color of toasted spice.
- Pine (#00644D): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#003D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#03000A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Energy, Balance. Tagged jewel, 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
- Dusty Plum color palette (#F0E5F5, #B8005E, #226100, #004048, #03000B)
- Feathered Forest color palette (#EBD9E0, #A95A00, #006921, #003B56, #050005)
- Dusty Navy color palette (#EAD9E2, #B04D00, #005D57, #001F9B, #060003)
- Deep Atelier color palette (#E4DBF3, #890076, #003D51, #10004D, #01000F)
- Dusty Bronze color palette (#FBE3DD, #BF6800, #845A00, #483900, #040400)
- Velvet Pier color palette (#FEE8E0, #8A2100, #002428, #230B0D, #000709)
- Chalky Aubergine color palette (#D9EFE3, #8B7800, #006996, #600091, #070000)
- Terracotta Grove color palette (#F0E5EB, #B09B99, #8F956A, #A33F00, #12040D)
Browse the whole catalog at Explore, or see today's palette.