Dusty Pier color palette — #FEF2F0 · #B37480 · #46703D · #005568 · #412A33

A conversation between Olive and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF2F0): bright and airy, almost weightless.
• Dusty Rose (#B37480): A luminous, balanced red — the color of late-summer berries.
• Olive (#46703D): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005568): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#412A33): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

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

• Weathered Corridor color palette (#FDF3EE, #C48679, #6C7741, #005F67, #583648)
• Antique Olive Grove color palette (#FDEEEB, #C8788E, #626C00, #164B72, #221412)
• Navy Thicket color palette (#FEF3E7, #996732, #006672, #393280, #3B221D)
• Washed Olive color palette (#F9F2FB, #CB8A9E, #88861E, #456994, #392E3D)
• Driftwood Archive color palette (#FBF3F1, #DDD9D3, #A2B0A6, #A67273, #5B504C)
• Brick Veranda color palette (#FFF2EC, #B23429, #005C3F, #003E68, #331031)
• Muted Amber color palette (#FEF3ED, #F6D4CC, #F8B19B, #C4984D, #4D4641)
• Dusty Chestnut color palette (#FFF2EE, #E1B7A2, #B17858, #7F4E00, #584400)

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