Misty Brick Harbor color palette — #FFF0FB · #FF8D7B · #7DAC00 · #C71400 · #172300

A conversation between Brick and Clover, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Salmon (#FF8D7B): A luminous, balanced orange — the color of autumn markets.
• Clover (#7DAC00): A luminous, vivid green — the color of fresh herbs.
• Brick (#C71400): A full-bodied, vivid orange — the color of sun-warmed clay.
• Onyx (#172300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Weathered Plum color palette (#FDF0FF, #FF899D, #A69F00, #C5004D, #212000)
• Clover Garden color palette (#FFF0F8, #FF9158, #13B92D, #AC4900, #012704)
• Dusty Pier color palette (#FFF1F6, #FFB578, #00CE81, #B96600, #003920)
• Weathered Loft color palette (#FFF1F5, #DF9940, #00AB82, #8A5600, #001E14)
• Washed Scarlet Cabin color palette (#FDD7F3, #FF927E, #00BFB8, #F4310F, #003634)
• Frosted Drift color palette (#FFF1F1, #FF565F, #AB8300, #AB00DA, #2B0004)
• Tempered Honey color palette (#FFF1F5, #F1B856, #7C4C00, #2E1900, #020100)
• Hushed Plum color palette (#F7F3FF, #F683D8, #CB8B00, #B50098, #2B1A00)

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