Indigo Pier color palette — #FBF3F6 · #C5B8E3 · #AD6476 · #765DA4 · #3C2824

A conversation between Slate and Mocha, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FBF3F6): bright and airy, almost weightless.
• Lavender (#C5B8E3): A luminous, dusty violet — the color of twilight just after sunset.
• Mocha (#AD6476): A full-bodied, balanced red — the color of late-summer berries.
• Slate (#765DA4): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#3C2824): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

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 Cobalt Balcony color palette (#F8F3F9, #D0B6D4, #8D6DA9, #236FB7, #38292E)
• Plum Market color palette (#FBF3F4, #E0B3B8, #A56D5B, #984C90, #4B2000)
• Washed Rust Corridor color palette (#F6F0F4, #B7BFF6, #BD665E, #646BAB, #1E130E)
• Ancient Mulberry color palette (#FFF1F5, #D8B3D3, #A96F8C, #893A4D, #732820)
• Antique Coral color palette (#F2F5FC, #C6CEF9, #D87F75, #7C86CA, #352A33)
• Fern Coast color palette (#FEF4E4, #C098BF, #A1616E, #416531, #5B3F40)
• Tempered Garden color palette (#FBF3F4, #DFD8D5, #AAAEA1, #97729F, #595052)
• Hushed Workshop color palette (#EEDFDE, #B34E7C, #5D3300, #5E0036, #070200)

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