Misty Terrace color palette — #F9F2FF · #E57DB2 · #B6684F · #715A1E · #3D2F56

Built around Bubblegum, softened by Mocha — the whole palette hums with optimism and balance.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Bubblegum (#E57DB2): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#B6684F): A full-bodied, balanced orange — the color of autumn markets.
• Coffee (#715A1E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#3D2F56): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

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

• Dusty Coral Loft color palette (#FDF1FB, #EE958F, #AB8453, #656E44, #453C5C)
• Airy Corridor color palette (#F3F4FF, #B98EE5, #AD6785, #874B37, #153A5B)
• Wandering Coral color palette (#FFDDE4, #FFA3AD, #DE737A, #9F5A53, #60382E)
• Faded Wisteria Villa color palette (#F4F4FF, #BD8AEB, #B1667D, #00697D, #29355D)
• Wandering Atelier color palette (#EAE0F2, #DB5A9A, #56475A, #322A37, #1A171E)
• Rose Meadow color palette (#F4E0FA, #FB1976, #9D5300, #4B4B00, #3E0044)
• Weathered Market color palette (#FFF1F2, #E7A6D5, #CA925F, #3F9150, #003D57)
• Feathered Grove color palette (#FFF0F9, #FC6427, #937200, #2A6504, #560C3A)

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