Faded Pier color palette — #EDF1FF · #8F86E8 · #C03953 · #5A5100 · #003330

Ruby and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF1FF): a clean, paper-quiet neutral.
• Lavender Blue (#8F86E8): A luminous, balanced violet — the color of a velvet chair.
• Ruby (#C03953): A full-bodied, vivid red — the color of a theater curtain.
• Deep Olive (#5A5100): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003330): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Rust Canyon color palette (#F1F0FF, #B47CC6, #B54F00, #275F03, #003041)
• Faded Bloom color palette (#E9F3FE, #4C97EF, #A64B8D, #734200, #003613)
• Lilac Pier color palette (#FFF0F9, #999CF2, #9D5C8F, #005653, #001D33)
• Weathered Periwinkle Station color palette (#FCECFA, #8AB1FE, #D27565, #2E8255, #00351C)
• Softworn Delta color palette (#EBEEFF, #864AE1, #9A1400, #283A00, #00151C)
• Aged Market color palette (#ECF2FF, #635FEA, #615400, #3A3E00, #002F20)
• Antique Ash Hollow color palette (#E5EBFF, #C6A3CE, #B78099, #6C6E41, #264F4A)
• Magenta Meadow color palette (#EAE4FC, #E01FD9, #9C5300, #005818, #00283A)

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