Misty Brick color palette — #F5F7E8 · #5CA355 · #B43A3F · #744200 · #231B00

Brick and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Kelly Green (#5CA355): A luminous, balanced green — the color of new leaves after rain.
• Brick (#B43A3F): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#744200): A full-bodied, balanced gold — the color of old brass.
• Onyx (#231B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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 Meadow color palette (#F8F6E5, #87962E, #B3396F, #862700, #291A02)
• Rust Balcony color palette (#ECF5E6, #41AA8F, #AC534A, #694900, #1B3300)
• Patina Garnet Bloom color palette (#ECF2DB, #008232, #960703, #482A00, #060900)
• Weathered Turquoise color palette (#E9F8FF, #00B9D2, #CE6F8A, #A65069, #04201B)
• Quiet Fern color palette (#E5FCEE, #0097B0, #866F00, #2F6900, #002824)
• Wandering Fern Alley color palette (#F0F8F0, #5EB0B5, #A7854F, #5E6B2A, #363932)
• Airy Terrace color palette (#EAFAEC, #007B82, #840072, #472D00, #0F2313)
• Weathered Cerulean Coast color palette (#D9EDE3, #0088B4, #5F5D00, #004C26, #001B06)

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