Dusty Pier color palette — #FFF2ED · #FE585D · #C8002A · #414300 · #17003A

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Watermelon (#FE585D): A luminous, vivid orange — the color of toasted spice.
• Ruby (#C8002A): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#414300): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#17003A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Ancient Brick color palette (#FFF0F9, #8F87FF, #C80D04, #004A46, #12003F)
• Deep Brick Pier color palette (#FFEAE3, #B6293E, #483B00, #09004D, #040000)
• Feathered Bronze Orchard color palette (#FFF0F8, #AA9FFF, #BE6200, #005B6B, #240060)
• Dusty Fuchsia color palette (#E9E4FF, #EE63FF, #DD5D00, #4F7500, #002A30)
• Faded Thicket color palette (#F5E0FF, #FF73D4, #EE0774, #8F0B00, #351700)
• Patina Coral color palette (#EEF6FF, #CCB0F4, #CF7E7E, #006E8C, #003545)
• Timeworn Boulevard color palette (#FFF0F8, #9883FF, #B200A2, #004D1E, #15003C)
• Timeworn Tangerine Drift color palette (#FFF1F3, #DBD3DE, #E9AFFF, #FF7445, #28001B)

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