Worn Indigo color palette — #F0F5FF · #B4C5FF · #BBB607 · #5467FD · #323000

Sapphire and Gold set the tone — five colors that lean into 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 (#BBB607): A luminous, vivid green — the color of a quiet forest floor.
• Sapphire (#5467FD): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#323000): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Worn 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

• Sapphire Studio color palette (#EFF6FF, #ADC7FF, #F59712, #396DFD, #452600)
• Byzantium Harbor color palette (#F3F4FF, #D1B9FF, #C2B407, #993BFD, #342F00)
• Grape Market color palette (#F1F5FF, #B0AEFF, #899600, #5920E0, #171B00)
• Airy Coast color palette (#FFF0FA, #B4C1FF, #00D4B5, #7C8AFF, #00453A)
• Misty Orchid Harbor color palette (#F5F3FF, #EFC1F9, #93CC8E, #B760CA, #20421D)
• Apricot Hollow color palette (#ECF7FF, #79D4FF, #FF8A4B, #008AB6, #4F1D00)
• Lapis Alley color palette (#FFF0FA, #7D83FF, #967D00, #4941CA, #463900)
• Timeworn Azure color palette (#F1F5FF, #E8D9E1, #B1B7A9, #1FA1F0, #3C2F51)

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