Misty Indigo color palette — #F0F5FF · #B4C5FF · #D3AB07 · #5467FD · #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.
• Sky (#B4C5FF): A whisper-light, balanced violet — the color of a velvet chair.
• Gold (#D3AB07): A luminous, balanced green — the color of new leaves after rain.
• Sapphire (#5467FD): 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

• Cobalt Corridor color palette (#EEF6FF, #98CDFF, #D7A907, #0081D3, #3B2C00)
• Gentle Indigo Chapel color palette (#F2F5FF, #BAB5FE, #8ABA49, #7259DD, #1C2E00)
• Grape Dune color palette (#F1F5FF, #B0AEFF, #A18D00, #5A20DF, #1D1800)
• Faded Villa color palette (#F4F4FF, #EAC3FE, #90CE81, #B063D3, #22411A)
• Misty Apricot Hollow color palette (#EAF8FF, #53DAFE, #FE8C21, #008CA8, #492200)
• Frosted Iris color palette (#FFF0FB, #B3C1FF, #FF919F, #798BFF, #631F2C)
• Muted Bloom color palette (#FFF0FA, #7785FF, #A17700, #464BB8, #4C3600)
• Softworn Magenta color palette (#F6F3FF, #FDBCFD, #8CBC00, #BD00C4, #253500)

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