Mustard Pier color palette — #FFDFE9 · #B89F00 · #935E0F · #6A3022 · #00221B

A conversation between Mustard and Ochre, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#FFDFE9): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#B89F00): A luminous, balanced green — the color of fresh herbs.
• Ochre (#935E0F): A full-bodied, balanced gold — the color of old brass.
• Rust (#6A3022): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#00221B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Mustard 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 Rust Corridor color palette (#FBE0F1, #D0914A, #A64D30, #682E3E, #042313)
• Linen Corridor color palette (#FCEAD8, #A68C00, #814D00, #670F00, #0E1500)
• Worn Atelier color palette (#CFE8D7, #90A15E, #766221, #553142, #011D1B)
• Muted Bronze color palette (#DBF8DB, #B59960, #8D5E00, #6A3D00, #183E28)
• Misty Terrace color palette (#FFF3E5, #EDCC78, #BD852E, #885023, #322600)
• Hazy Mustard Terrace color palette (#FFEBF9, #B5AC00, #832910, #3D0E03, #10030C)
• Ancient Marigold color palette (#FFDED3, #D69200, #717400, #004A1F, #00211F)
• Tangerine Meadow color palette (#FEECF7, #FF7B4D, #007D6D, #9C3200, #000C0E)

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