Mustard Pier color palette — #ECF9F1 · #C2AB36 · #9196CD · #73779F · #304237
A conversation between Gold and Blue Fog, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF9F1): a clean, paper-quiet neutral.
- Gold (#C2AB36): A luminous, balanced green — the color of a quiet forest floor.
- Blue Fog (#9196CD): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#73779F): A full-bodied, dusty violet — the color of wild irises.
- Forest (#304237): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
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
- Wandering Apricot Orchard color palette (#FFF1F6, #E7954C, #7A9ECB, #5E7DA2, #48383E)
- Timeworn Mustard color palette (#EAF9F3, #AAAD3E, #807AB4, #646088, #362D38)
- Patina Mint color palette (#E2FBF9, #6BC181, #B38BB7, #8E6D92, #304140)
- Muted Stone Terrace color palette (#FFF0FD, #B9C683, #54A19F, #74678D, #344D4A)
- Driftwood Parlor color palette (#F5F7E9, #A9D0A3, #7ABAC9, #9471AF, #31322B)
- Muted Driftwood Thicket color palette (#FEF4E4, #A78C58, #947290, #804E5E, #523700)
- Sand Boulevard color palette (#F0F7F1, #EFCC85, #63A5C5, #A68847, #262F36)
- Pale Lime color palette (#D9FFF1, #9DB52A, #875ABC, #883A7C, #013428)
Browse the whole catalog at Explore, or see today's palette.