Faded Pier color palette — #D8EEFC · #3188FE · #4040F9 · #552B9C · #230038

Iris and Azure set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D8EEFC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#3188FE): A luminous, vivid blue — the color of open sky before noon.
• Iris (#4040F9): A full-bodied, vivid violet — the color of a velvet chair.
• Plum (#552B9C): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#230038): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.

Use it as a design system

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

• Aged Sapphire color palette (#C2E8F2, #0093DA, #0065DD, #303BA9, #1B003F)
• Amethyst Study color palette (#CAE2FD, #6471FF, #7A2DE4, #6C2391, #2D002C)
• Bright Coast color palette (#D3E0F3, #3070FE, #3824E3, #2C058C, #12003D)
• Sunlit Lapis color palette (#D7E9EF, #0082DE, #412BD6, #34005F, #040005)
• Faded Corridor color palette (#E8EAFF, #7978FF, #918000, #533AE4, #131000)
• Muted Violet Field color palette (#E5ECFF, #7851FF, #7800C3, #6C006F, #18000C)
• Hushed Amethyst Pier color palette (#ECEAFF, #A982FF, #8245E4, #481C99, #040012)
• Amethyst Grove color palette (#F6EAD8, #00AAB0, #6D4FE6, #1F1943, #01010C)

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