Misty Brick color palette — #FFF2ED · #CC8C85 · #009BAF · #AF322D · #004B56

A conversation between Brick and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Dusty Rose (#CC8C85): A luminous, dusty orange — the color of toasted spice.
• Cerulean (#009BAF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Brick (#AF322D): A full-bodied, vivid orange — the color of autumn markets.
• Deep Teal (#004B56): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Balance. Tagged 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

• Chestnut Lagoon color palette (#FFF3E9, #C79269, #3692C9, #965100, #104766)
• Plum Study color palette (#FFF2F0, #C88AA2, #00A088, #A8316A, #004E41)
• Terracotta Cabin color palette (#FFEEE6, #D98D7D, #00A1A9, #A14332, #122E18)
• Muted Hollow color palette (#FBF1FE, #ED9DB1, #20B2EF, #C25877, #134861)
• Ember Veranda color palette (#FFDDC5, #D05F00, #007BA2, #7E3600, #003346)
• Sapphire Thicket color palette (#FFF2EC, #B77565, #2F9058, #5360B2, #3D3633)
• Hushed Alley color palette (#FAF5E9, #AFA78A, #827235, #6B4B12, #3E3D36)
• Quiet Sapphire Delta color palette (#FFF3E2, #CD9925, #4167D1, #775500, #1C3478)

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