Dusty Pier color palette — #FCEABA · #9B7B00 · #3D6AD7 · #5551AF · #3C2E00

Built around Royal Blue, softened by Iris — the whole palette hums with nature and growth.

The five colors

• Custard (#FCEABA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#9B7B00): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Blue (#3D6AD7): A full-bodied, vivid violet — the color of a velvet chair.
• Iris (#5551AF): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#3C2E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Aubergine Quarry color palette (#E9E8DA, #756E00, #5050AE, #513696, #232000)
• Amber Cabin color palette (#FFE6D3, #C67017, #007CA9, #005A9B, #4B2501)
• Weathered Atelier color palette (#C3F0DF, #879625, #5D499F, #76246A, #043427)
• Pale Aubergine Canyon color palette (#D7FEFC, #068F51, #4F5BBB, #5B2491, #09341D)
• Emerald Villa color palette (#D6FFF8, #62994F, #9067A9, #924767, #1C3F3A)
• Muted Basin color palette (#D6F6CE, #47AC27, #8338A4, #922154, #163A0C)
• Faded Aubergine Cabin color palette (#E4EECE, #526300, #5B1BB1, #600C6D, #0F1400)
• Pewter Pier color palette (#DEFCFF, #5AA994, #AA7796, #A06073, #2A484B)

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