Indigo Pier color palette — #FFF0FC · #B1C6FF · #D3AC07 · #4C6CF6 · #392D00

A conversation between Sapphire and Gold, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#B1C6FF): A whisper-light, balanced violet — the color of a velvet chair.
• Gold (#D3AC07): A luminous, balanced green — the color of a quiet forest floor.
• Sapphire (#4C6CF6): A full-bodied, vivid violet — the color of wild irises.
• 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 Indigo Pier 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

• Sunlit Indigo color palette (#FFF0F8, #BFB3FF, #B1AD39, #7662C1, #2B2900)
• Faded Apricot Studio color palette (#D9FFF1, #88D1FF, #FF8B32, #0088C1, #4B2100)
• Pale Lapis color palette (#FFF0F9, #AAB0FF, #9D8F00, #4D42C1, #1C1900)
• Gentle Mint Coast color palette (#FFF1F5, #E9C4FE, #A7C878, #A176B8, #2F3E18)
• Ultramarine Field color palette (#EBF2FF, #6F90FF, #A17D00, #2C39E3, #2A1F00)
• Pale Byzantium color palette (#FFF1F4, #EFC3FF, #6BC23F, #A738C9, #143800)
• Worn Periwinkle color palette (#FFF0FA, #E4DAE3, #CEB4AD, #59A3E7, #3F355E)
• Misty Summit color palette (#FFF1F5, #FFD26F, #8450A5, #3E1C51, #130207)

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