Mustard Pier color palette — #FFF1F7 · #F2AB26 · #BE6200 · #88251C · #1D1800

A conversation between Saffron and Ochre, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Saffron (#F2AB26): A luminous, balanced gold — the color of old brass.
• Ochre (#BE6200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#88251C): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#1D1800): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: 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

• Muted Station color palette (#DFFFE1, #D1BC3E, #A67300, #7A3800, #151B00)
• Washed Amber color palette (#FFF0F9, #F1BB8C, #C37153, #804349, #0F2816)
• Gentle Marigold Station color palette (#FFD5B4, #FAA12C, #D97800, #A85827, #392400)
• Chalky Garnet color palette (#FEE2CC, #B08625, #8B4500, #6B0016, #131300)
• Amber Ridge color palette (#DEFFE7, #D2D694, #B38C00, #8A4F00, #003029)
• Ancient Grove color palette (#D3E4D2, #988538, #6A4500, #3A1500, #000201)
• Antique Stone color palette (#FFF1F5, #C7F2EB, #CEA67C, #916D84, #34433C)
• Frosted Scarlet Station color palette (#E9F8FF, #00A3BB, #DD3B00, #3E6000, #001013)

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