Misty Brick Loft color palette — #F3D6E0 · #EC6E87 · #CB1D1A · #793100 · #3D2200

A conversation between Brick and Rose, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F3D6E0): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose (#EC6E87): A luminous, balanced red — the color of embers at dusk.
• Brick (#CB1D1A): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#793100): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#3D2200): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Ancient Plum color palette (#F9DFF4, #E775A6, #D10355, #890503, #3A1800)
• Dusty Terracotta Balcony color palette (#F2DFE3, #D15E59, #A32F00, #532D00, #1E1000)
• Muted Ember Ridge color palette (#FFD1E5, #FF8698, #F03C02, #924600, #5C3500)
• Airy Station color palette (#FFEAE8, #E57249, #AB5E00, #543D00, #292300)
• Feathered Rust Orchard color palette (#FFEEE4, #EC9361, #A94A00, #5D2C00, #1B0800)
• Worn Tangerine color palette (#FFEBF8, #E67248, #0092AA, #9C3300, #00252D)
• Frosted Plum color palette (#FFEBF9, #E8E7C3, #B0C761, #BC4668, #422300)
• Quiet Plum Coast color palette (#EFE6FA, #C673C7, #B81C9A, #8D0044, #4E0011)

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