Misty Garden color palette — #FFF1F6 · #FFA1B3 · #FE6451 · #8A7B00 · #552328

Watermelon and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Ballet Pink (#FFA1B3): A luminous, balanced red — the color of embers at dusk.
• Watermelon (#FE6451): A luminous, vivid orange — the color of autumn markets.
• Olive Leaf (#8A7B00): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#552328): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Warmth, Comfort, Energy, Balance. Tagged retro, warm.

Use it as a design system

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

• Amber Atelier color palette (#FFE7EE, #FF9B8B, #D87C40, #687F2C, #3F2738)
• Linen Ember color palette (#F5D4DF, #FF7B83, #DD5822, #696B00, #3D1614)
• Peony Pier color palette (#FFF0F8, #FF97E6, #FB589B, #A86B00, #3D2D4D)
• Emerald Delta color palette (#E2FEE5, #FFA96E, #D08F00, #1B923E, #502B00)
• Hazy Blush color palette (#EFDBF1, #FF647F, #994E47, #4F3951, #170D1A)
• Mallow Terrace color palette (#F6FBC4, #FF92EB, #D75740, #00646D, #401829)
• Ember Dune color palette (#D5EAD5, #F76121, #AB6200, #346300, #290D00)
• Muted Sand Basin color palette (#FFF0EC, #FFBF9D, #D7A97C, #7F995F, #305736)

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