Misty Workshop color palette — #FFF1F0 · #E57EAC · #CE8547 · #837FB1 · #49312F

A conversation between Bubblegum and Mustard, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bubblegum (#E57EAC): A luminous, balanced rose — the color of pressed rose petals.
• Mustard (#CE8547): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate Blue (#837FB1): A luminous, dusty violet — the color of wild irises.
• Espresso (#49312F): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Wisteria Lagoon color palette (#FFF1F4, #D07EEA, #D97874, #5B8ABC, #4A2F36)
• Coral Pier color palette (#FFF2ED, #FF716C, #B89417, #9B76A6, #3E3633)
• Mallow Basin color palette (#FFF1F0, #FFABD1, #C6799F, #844B65, #4C2034)
• Powdered Villa color palette (#FFF1F1, #B86B98, #857E25, #007493, #4D2E2E)
• Antique Shell color palette (#FFF1F0, #E4D7D3, #FABCB6, #B38385, #614B48)
• Chestnut Hollow color palette (#FFF2EA, #E4B290, #B78165, #945733, #593300)
• Tangerine Bloom color palette (#FFE5DA, #FA670F, #969500, #B5549D, #4D230F)
• Pale Turquoise Atelier color palette (#F8F2FF, #EAA6CC, #C1B84A, #00B6E5, #3E314B)

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