Misty Brick color palette — #FADDD3 · #AD498E · #AD0026 · #5B2E00 · #040000

A conversation between Garnet and Magenta Rose, giving this palette its sense of optimism and creativity.

The five colors

• Shell Pink (#FADDD3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Magenta Rose (#AD498E): A full-bodied, balanced pink — the color of a candy shop window.
• Garnet (#AD0026): A full-bodied, vivid orange — the color of sun-warmed clay.
• Cocoa (#5B2E00): A deep, shadowed, balanced gold — the color of old brass.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Orchid Coast color palette (#F9EAF8, #A152E0, #BF0020, #473600, #0A0200)
• Muted Mulberry Workshop color palette (#F0DBDB, #A752C3, #A2006B, #6E0108, #040001)
• Feathered Crimson Meadow color palette (#F6E1D2, #CD4958, #924900, #4F3F00, #030100)
• Faded Scarlet Ridge color palette (#EDDBEC, #F249B5, #DF002F, #7B4300, #0B0000)
• Inked Cocoa color palette (#F4E1DE, #8A3100, #451F00, #170A00, #020100)
• Feathered Crimson color palette (#FFEAE6, #A683F0, #F3154A, #715100, #040000)
• Nocturne Canyon color palette (#F4E3D3, #713D00, #00405F, #301700, #000103)
• Faded Ember Market color palette (#F0E2CB, #D25C00, #836600, #455800, #020100)

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