Mustard Harbor color palette — #F5F8DF · #B1A500 · #1B5700 · #0B2F00 · #1B1C03
Built around Gold, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F8DF): A whisper-light, dusty green — the color of new leaves after rain.
- Gold (#B1A500): A luminous, balanced green — the color of new leaves after rain.
- Deep Olive (#1B5700): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#0B2F00): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#1B1C03): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged luxury, dark.
Use it as a design system
One click turns Mustard Harbor 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
- Tempered Marigold color palette (#FEF4DD, #C29D27, #544800, #2E2600, #121603)
- Wandering Moss color palette (#EEF9EB, #90B038, #00544C, #002E29, #001B12)
- Tempered Apricot Field color palette (#EDF7D8, #E89021, #005C35, #002814, #060900)
- Moss Balcony color palette (#DCE1CE, #91922F, #00421C, #001C08, #000902)
- Marigold Drift color palette (#E3FBFA, #FDA437, #007D4D, #11452C, #002020)
- Aged Lagoon Boulevard color palette (#F0F9E4, #FFBDA0, #3AA37D, #1E6B50, #141F03)
- Hushed Petrol color palette (#F0F7F3, #C0C49A, #00697E, #253F30, #182826)
- Softworn Olive Workshop color palette (#E4ECDD, #758400, #3D3D4B, #002F23, #000D07)
Browse the whole catalog at Explore, or see today's palette.