Amber Harbor color palette — #FFDCE0 · #FE9F7A · #DB831B · #8D7200 · #373900

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

The five colors

• Shell Pink (#FFDCE0): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FE9F7A): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#DB831B): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#8D7200): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#373900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Amber Villa color palette (#FAE4DE, #ED915D, #BD7000, #755200, #4D3C00)
• Washed Coral color palette (#FBD9EB, #FA97A4, #DE725C, #A65E1E, #4E3400)
• Amber Canyon color palette (#FADED2, #ECAF53, #B09700, #718A20, #1B441B)
• Marigold Delta color palette (#FFF0CC, #F2C87C, #C09E3C, #906E00, #342100)
• Tangerine Canyon color palette (#FFDBD4, #F17224, #A47100, #615800, #1A2200)
• Tempered Taupe Courtyard color palette (#FBE0E9, #D1C18A, #C19366, #A1695E, #08392E)
• Quiet Villa color palette (#FFE7EF, #F4AE62, #7CB3FA, #CA7D00, #18365B)
• Softworn Coral color palette (#FFF1F6, #C4F3F4, #9AE7C9, #D78C85, #274232)

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