Mustard Harbor color palette — #FFF4DE · #FFAD8D · #D1A300 · #268D46 · #303400
A conversation between Gold and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Melon (#FFAD8D): A luminous, balanced orange — the color of autumn markets.
- Gold (#D1A300): A luminous, balanced gold — the color of honey in a jar.
- Fern (#268D46): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#303400): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Feathered Apricot color palette (#FFF3E8, #FFAFC2, #DF8F2A, #657C11, #412F00)
- Soft Bloom color palette (#F8F6E0, #F7B754, #87AA33, #008E7A, #18381A)
- Mustard Archive color palette (#E3F8EB, #ECC378, #C5AF1B, #6D8400, #1F1C00)
- Weathered Olive Drift color palette (#E9E1CE, #A3A941, #50820B, #025F21, #004630)
- Worn Pewter Courtyard color palette (#F9E8DB, #B7AB8B, #547D63, #674D73, #57383A)
- Frosted Tangerine Thicket color palette (#F0E0B9, #ED7800, #877A00, #006F4B, #131800)
- Gentle Corridor color palette (#F1F1E3, #B97E00, #597500, #00574F, #000F01)
- Cypress Market color palette (#F8F6E6, #7DA784, #1D7260, #644135, #323A00)
Browse the whole catalog at Explore, or see today's palette.