Brick Loft color palette — #FFDCCD · #C30613 · #006473 · #004550 · #39100D

Ruby and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#FFDCCD): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#C30613): A full-bodied, vivid orange — the color of autumn markets.
• Peacock (#006473): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004550): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#39100D): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

One click turns Brick Loft 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 Bronze color palette (#FFDDC3, #995400, #005E91, #004066, #321800)
• Plum Alley color palette (#FFD8E8, #B90076, #006662, #004743, #3A0724)
• Scarlet Market color palette (#FED6F6, #F52220, #008797, #006470, #3D0B08)
• Wandering Drift color palette (#FFECEA, #A00061, #004947, #3F0073, #2A0B24)
• Navy Summit color palette (#FFE2C7, #9F5B00, #00575C, #18168E, #3C0048)
• Amber Study color palette (#FFF3E8, #C36F22, #00579F, #3B347E, #3F2409)
• Worn Amber color palette (#FFF2EC, #CA7664, #4A86AB, #39657F, #433B38)
• Worn Lagoon color palette (#FAE1B5, #C05D00, #565600, #1D2291, #3A2400)

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