Mustard Pier color palette — #F4F7E5 · #EAB100 · #157F20 · #144616 · #1A1D04
Built around Saffron, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F4F7E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Saffron (#EAB100): A luminous, vivid gold — the color of old brass.
- Olive (#157F20): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#144616): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#1A1D04): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged luxury, dark.
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
- Antique Mustard color palette (#EAF2E0, #DAAD44, #127556, #343730, #121908)
- Timeworn Mustard Bloom color palette (#FDF4E3, #E8B123, #7B6800, #463A00, #211A0A)
- Misty Olive color palette (#E2FCF7, #E1DD8B, #2F7F00, #103900, #000A08)
- Muted Amber color palette (#F3F8E5, #D3924A, #005728, #003013, #041C0A)
- Linen Emerald Garden color palette (#DEFCF9, #FDC189, #29A851, #006F2D, #00201E)
- Amber Loft color palette (#E3ECDE, #B88A00, #005144, #00211A, #010300)
- Sand Coast color palette (#ECF9F1, #EACD93, #44889D, #3E5347, #222F28)
- Mint Grove color palette (#F2F8E6, #00DD8B, #0096AE, #008E58, #072314)
Browse the whole catalog at Explore, or see today's palette.