Misty Indigo color palette — #F0F5FF · #B5C4FF · #D2AC07 · #5666FD · #392D00

Built around Sapphire, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#B5C4FF): A whisper-light, balanced violet — the color of a velvet chair.
• Gold (#D2AC07): A luminous, balanced green — the color of fresh herbs.
• Sapphire (#5666FD): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#392D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Byzantium Lantern color palette (#F3F4FF, #CFBAFF, #C2B307, #9441FD, #342F00)
• Aged Mustard color palette (#EDF6FF, #92CFFF, #D8A907, #0083C9, #3B2C00)
• Softworn Station color palette (#F0F5FF, #95A3F7, #949C05, #483FE4, #181A00)
• Softworn Apricot color palette (#EBF7FF, #73D5FF, #FF885A, #008AB4, #521900)
• Quiet Peony Hollow color palette (#F7F3FF, #F6C2E7, #B8C45E, #C063AA, #373C0B)
• Powdered Ultramarine color palette (#FFF0FA, #7586FF, #997B00, #4245C9, #483900)
• Weathered Magenta Corridor color palette (#F6F3FF, #FEBCFA, #7EBE40, #BF00BE, #1D3700)
• Timeworn Turquoise Grove color palette (#EFF6FF, #E6D9E2, #ABB9A9, #00B6E2, #372F52)

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