Dusty Amber Harbor color palette — #FFF4E2 · #C27900 · #666400 · #004B6E · #39352F
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#C27900): A luminous, balanced gold — the color of old brass.
- Olive (#666400): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#004B6E): A deep, shadowed, balanced blue — the color of deep harbor water.
- Espresso (#39352F): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro, muted.
Use it as a design system
One click turns Dusty Amber 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
- Timeworn Pine color palette (#FFF4DE, #9F8D00, #207400, #2E3E83, #343904)
- Faded Summit color palette (#FFF4E2, #F34400, #815600, #004F57, #502A12)
- Gentle Bronze color palette (#EEDBBE, #9C6D00, #475300, #00355E, #302100)
- Airy Amber Lantern color palette (#FFEFDA, #DB6F00, #646700, #332790, #291800)
- Washed Navy Canyon color palette (#FFF3E4, #A87100, #006A54, #223589, #581029)
- Quiet Apricot Field color palette (#FFF4E1, #F08A38, #7E8500, #4A529E, #493000)
- Timeworn Pine Ridge color palette (#FAF5E3, #83B45E, #177E3F, #6E4534, #3B3B34)
- Muted Stone Meadow color palette (#FFE4BB, #B8B46B, #628862, #435D87, #5F3A4E)
Browse the whole catalog at Explore, or see today's palette.