Amber Harbor color palette — #E3F5EB · #C77B00 · #847400 · #005524 · #020300

Mustard and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E3F5EB): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#C77B00): A luminous, balanced gold — the color of old brass.
• Walnut (#847400): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#005524): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns 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

• Tempered Ember color palette (#FFE7EF, #D95933, #956200, #455100, #040200)
• Tempered Thicket color palette (#C4EDE6, #978900, #4C8600, #005E53, #000200)
• Antique Ember Quarry color palette (#E7E1C7, #F35000, #756E00, #005042, #060A00)
• Weathered Amber color palette (#D5F9E2, #FFA195, #AF8A00, #007666, #010100)
• Pale Alley color palette (#F1E8CB, #DC8A00, #9E9200, #007931, #0A0C00)
• Onyx Thicket color palette (#F1EDCD, #677946, #004A33, #150D57, #160022)
• Cypress Chapel color palette (#D6E8E4, #3B7652, #004133, #2F1800, #000401)
• Faded Aubergine Lantern color palette (#D9F0ED, #1E7F30, #60006E, #00340A, #070009)

Browse the whole catalog at Explore, or see today's palette.