Amber Harbor color palette — #C7E8CF · #A58C00 · #725700 · #513600 · #2E2A00

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

The five colors

• Celadon Mist (#C7E8CF): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#A58C00): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#725700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#513600): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#2E2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Misty Courtyard color palette (#FBD1DE, #B98100, #7F4F00, #5B2F00, #352600)
• Softworn Parlor color palette (#F1DBB7, #B6A638, #967100, #754600, #282C00)
• Olive Market color palette (#E8E8D9, #666E00, #3D3A00, #221C00, #080D00)
• Frosted Bronze color palette (#CBE7D0, #B8C067, #BB8C00, #B05200, #063302)
• Dusty Taupe color palette (#E3FDEC, #AFAA70, #7F7241, #3E5944, #294439)
• Wandering Amber Quarry color palette (#FFE7F3, #DA8539, #A44D00, #72351D, #4D2836)
• Antique Lapis color palette (#D9E4FF, #582FFF, #A30050, #004647, #191747)
• Fuchsia Study color palette (#FFDFCC, #FF6CC7, #9482FF, #33193B, #0F1324)

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