Dusty Pier color palette — #FFF3E9 · #D28C59 · #00A2B1 · #506CAE · #37322D

Cerulean and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Camel (#D28C59): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#00A2B1): A luminous, balanced blue — the color of deep harbor water.
• Slate (#506CAE): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#37322D): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged 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

• Ancient Coral Atelier color palette (#FFF2ED, #E47B76, #00A789, #27789D, #38312E)
• Patina Garden color palette (#FDF4E6, #C19925, #4796D0, #7262A4, #36322C)
• Dusty Mustard Studio color palette (#FBF5E7, #B9A53F, #009487, #4258A0, #532B28)
• Aged Amber Garden color palette (#FFF3E9, #C56200, #3878A0, #1A597D, #38322D)
• Marigold Balcony color palette (#FFF1F6, #F2A75C, #5BBCD6, #3A9EB8, #442A34)
• Hushed Atelier color palette (#F7E1C4, #B07B00, #0082B2, #5833C2, #2C1C00)
• Apricot Dune color palette (#FFF1F5, #E2A463, #76AE7D, #945F80, #331D25)
• Gentle Sapphire color palette (#FEF5D6, #ACB02A, #0071E0, #88459C, #2D2E00)

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