Mustard Pier color palette — #FFF6CA · #E5E294 · #ABB059 · #646F25 · #39481E

Sage and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FFF6CA): A whisper-light, dusty green — the color of new leaves after rain.
• Celadon Mist (#E5E294): A whisper-light, balanced green — the color of fresh herbs.
• Sage (#ABB059): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#646F25): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#39481E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged 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

• Faded Jade color palette (#E6FFCD, #B8EBA5, #78B975, #327C4B, #244F3A)
• Aged Corridor color palette (#FFF3E7, #FFCE91, #C4933E, #846400, #504519)
• Worn Olive Lagoon color palette (#CEF6DD, #B1AA54, #7D8100, #536200, #1B4F44)
• Wandering Workshop color palette (#F9F8D1, #ACF5D1, #90B371, #476620, #122400)
• Patina Fern Station color palette (#F8F7DA, #C8EBCA, #CBCAD8, #A2AC7D, #4A4C00)
• Frosted Moss color palette (#FFE5C6, #DDC482, #AFAD4A, #6A9B3F, #275436)
• Linen Moss Bloom color palette (#E0E1C8, #899200, #415400, #1C2D00, #010500)
• Worn Balcony color palette (#FFD2E0, #BEAA4E, #757800, #3D5E19, #0F3217)

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