Misty Brick color palette — #FFF2EC · #F3A391 · #A86400 · #B42400 · #020100

Brick takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#F3A391): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#A86400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Brick (#B42400): A full-bodied, vivid orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged duotone, 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

• Plum Lagoon color palette (#FFF2EF, #FF96B5, #C6461F, #B5005B, #030100)
• Airy Ridge color palette (#FCF3EE, #FFBFA3, #B47F00, #C04D00, #0A0400)
• Feathered Basin color palette (#FCF3EB, #F5A853, #857800, #8D5400, #020100)
• Antique Bronze color palette (#FFF2E9, #E4A863, #9C6E00, #4F3C00, #181300)
• Tempered Rust Loft color palette (#FBF4EF, #DEDBCF, #C8C4A8, #BD5100, #271C14)
• Gentle Rose Atelier color palette (#F6E7E4, #FF9AAA, #A29800, #DC4F6F, #130C00)
• Tempered Rose color palette (#EBE1EC, #EA4C6E, #535B00, #860030, #000302)
• Muted Hollow color palette (#F7E5F1, #E54D2C, #704300, #791600, #1D030E)

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