Misty Studio color palette — #F2F5FF · #BBA6FF · #AA7800 · #177D12 · #1D1435

Olive takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#BBA6FF): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#AA7800): A luminous, balanced gold — the color of honey in a jar.
• Olive (#177D12): A full-bodied, vivid green — the color of a quiet forest floor.
• Deep Indigo (#1D1435): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Timeworn Amber Atelier color palette (#EFF6FF, #8EB6FF, #C46500, #676E00, #091B34)
• Wisteria Studio color palette (#F4F4FF, #D48CF1, #827F00, #00714F, #151127)
• Lime Workshop color palette (#F1F5FF, #A2AAFF, #83B943, #6D983B, #212A44)
• Faded Fuchsia color palette (#F7F3FF, #F975DE, #B16C00, #00613A, #002340)
• Moss Grove color palette (#F7F3FF, #E196CB, #81AE4F, #008577, #282034)
• Weathered Delta color palette (#F3F4FF, #A85FEC, #917200, #005D39, #06031E)
• Quiet Harbor color palette (#E1FEE7, #FE8FF8, #F11967, #236A00, #3D1A2F)
• Violet Boulevard color palette (#FFECF3, #9459CF, #826800, #5A4700, #1B082D)

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