Indigo Pier color palette — #DAE4FF · #5575FF · #008368 · #2836BC · #00372A

A conversation between Periwinkle and Indigo, giving this palette its sense of creativity and calm.

The five colors

• Frost (#DAE4FF): A whisper-light, dusty violet — the color of a velvet chair.
• Periwinkle (#5575FF): A luminous, vivid violet — the color of a velvet chair.
• Teal (#008368): A full-bodied, balanced teal — the color of sea glass.
• Indigo (#2836BC): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#00372A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Creativity, Calm, Energy, Balance. Tagged vibrant, cool.

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

• Tempered Terrace color palette (#D1E7FF, #0087E8, #008647, #00508D, #00381A)
• Pale Orchid Station color palette (#E9DEFF, #A14CFF, #007F88, #6515AC, #003539)
• Faded Quarry color palette (#DCE3F0, #5C76FF, #8F6B00, #2B0CD7, #1E1400)
• Pale Amethyst Courtyard color palette (#E4E6F8, #6742FF, #B10077, #005D6E, #201C49)
• Orchid Workshop color palette (#EEECFF, #BA65CF, #0085A8, #733D80, #003C4D)
• Ultramarine Pier color palette (#DBE4FF, #92AAFF, #A38A00, #332BEC, #372D00)
• Aged Blush Boulevard color palette (#F8F2FF, #D87DB1, #4D8FCA, #8E4B73, #254563)
• Worn Byzantium color palette (#C8EAFF, #0093B7, #A929BC, #00576E, #480E51)

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