Dusty Pier color palette — #FFF2EB · #FA6662 · #008A6D · #005945 · #16040F

Watermelon takes the lead with Fern close behind in a set that reads as balance at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Watermelon (#FA6662): A luminous, vivid orange — the color of toasted spice.
• Fern (#008A6D): A full-bodied, balanced teal — the color of sea glass.
• Pine (#005945): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#16040F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Balance. Tagged jewel, 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

• Pale Peony color palette (#FFF2F0, #E94081, #007D54, #005B3C, #160818)
• Timeworn Amber Hollow color palette (#FFF3E9, #E37516, #007F97, #005465, #180410)
• Coral Boulevard color palette (#FFF2ED, #FF7373, #008789, #004F76, #001E30)
• Misty Thicket color palette (#FFF2EB, #E3681B, #0062A8, #003B69, #030014)
• Magenta Loft color palette (#FFF1F4, #C762E8, #007D7D, #004F50, #021004)
• Blush Cabin color palette (#FFF5D9, #FF8FAB, #A37400, #21557C, #35190A)
• Gentle Lantern color palette (#FFF2EB, #E75612, #0265AA, #660800, #030100)
• Worn Plum color palette (#FFF2ED, #BC003F, #00525C, #002F36, #030004)

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