Amber Harbor color palette — #D8F1DD · #C17600 · #625E00 · #003E5A · #041E0B

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

The five colors

• Honeydew (#D8F1DD): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#C17600): A luminous, balanced gold — the color of honey in a jar.
• Olive (#625E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003E5A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#041E0B): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Frosted Fern Lantern color palette (#D8F0DD, #9C8A22, #2D6C16, #1F3079, #001E14)
• Weathered Cabin color palette (#D8F1DD, #C96B54, #7B5100, #004147, #270D1D)
• Chalky Boulevard color palette (#FFEBD1, #D45D1B, #526300, #313C6C, #342F2A)
• Bronze Terrace color palette (#E3F3E2, #A76E00, #00663E, #003758, #240425)
• Hazy Orchard color palette (#FFECCE, #DF8C1A, #7F7B21, #1E5B7D, #34302A)
• Chestnut Loft color palette (#D2EED8, #855B00, #384100, #001F3A, #080500)
• Wandering Ridge color palette (#E5F7EF, #91A980, #107938, #633B2B, #04221C)
• Hushed Summit color palette (#D9EAD9, #7FAC97, #62845D, #29496A, #282C43)

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