Amber Harbor color palette — #F6E6CE · #B18600 · #786000 · #483D00 · #1E1D00

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F6E6CE): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B18600): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#786000): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#483D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#1E1D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Soft Corridor color palette (#E6E7CD, #869600, #566900, #263C00, #092300)
• Gentle Marigold color palette (#FFE8D9, #F3A012, #9F8000, #5B5800, #132700)
• Wandering Amber Meadow color palette (#F0DAD1, #CD6200, #905000, #543100, #2B1800)
• Antique Plum color palette (#DCECE2, #9B8600, #CD006F, #594C00, #2F0015)
• Washed Coast color palette (#E3EB96, #9AA600, #5C6400, #2F3300, #070700)
• Patina Bronze color palette (#CFEFD6, #CBBB7B, #8F8415, #5E5C1F, #1A3E32)
• Cocoa Balcony color palette (#E6E7D3, #757700, #007663, #873500, #0F0F00)
• Frosted Clover color palette (#F1F8C5, #B8E485, #4ABD45, #726800, #1D2500)

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