Misty Garden color palette — #EBF7FF · #4DB3D6 · #B76851 · #675F19 · #3F3900

Built around Mocha, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#EBF7FF): a clean, paper-quiet neutral.
• Cyan (#4DB3D6): A luminous, balanced blue — the color of open sky before noon.
• Mocha (#B76851): A luminous, balanced orange — the color of autumn markets.
• Olive (#675F19): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3F3900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Hushed Powder color palette (#EEF6FF, #80B7EB, #B2805A, #48764B, #2B4B2E)
• Hazy Teal color palette (#E5FAFF, #2DBBB7, #B66470, #894937, #59280F)
• Powdered Teal color palette (#E2FBFD, #55BA9E, #A56898, #55661C, #323D13)
• Blush Basin color palette (#EEF6FF, #8CC2FF, #D37FB7, #A67028, #17412C)
• Periwinkle Orchard color palette (#EFF6FF, #599AFF, #AB6400, #006457, #003931)
• Linen Loft color palette (#D7EAFF, #068FF5, #8E5E00, #414F00, #202800)
• Pale Bloom color palette (#FBF1FC, #5E8CBF, #8B4878, #683C00, #134225)
• Wandering Ash Drift color palette (#E5FAFF, #B7CBE2, #A49FC2, #5D7D77, #305751)

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