Amber Harbor color palette — #FFF3E6 · #FF97A2 · #D87F00 · #707E00 · #372400

Built around Mustard, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Ballet Pink (#FF97A2): A luminous, balanced red — the color of a theater curtain.
• Mustard (#D87F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#707E00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#372400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Hushed Amber Field color palette (#FFF4E1, #FFA485, #B19300, #008C57, #2C2B00)
• Worn Thicket color palette (#FFECF3, #FF9B79, #E58000, #987100, #1C0C00)
• Worn Pier color palette (#FFF2EC, #FF96E3, #FF4049, #7D6A00, #401700)
• Misty Station color palette (#FDE5E1, #C79767, #6B7A00, #474491, #4C2D63)
• Ancient Amber color palette (#F1E4DB, #B77C00, #776400, #434A00, #103900)
• Softworn Moss Field color palette (#E4E1C2, #C89200, #5C9500, #00615C, #012102)
• Muted Sand color palette (#FDF4E7, #DBD5CB, #FFC488, #829E64, #46433C)
• Tempered Fern Quarry color palette (#FAE9CC, #8D9B29, #116E11, #6D2050, #2C3200)

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