Amber Harbor color palette — #FFF2EE · #FFBC8C · #AF8C00 · #4C5600 · #052700

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Cantaloupe (#FFBC8C): A whisper-light, balanced gold — the color of old brass.
• Mustard (#AF8C00): A luminous, balanced green — the color of new leaves after rain.
• Deep Olive (#4C5600): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#052700): 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

• Misty Amber color palette (#FFF1F4, #FFB2A7, #CB6B00, #684C00, #1F2000)
• Wandering Amber Canyon color palette (#FFEAD4, #A88B00, #465800, #00270F, #000201)
• Frosted Dune color palette (#FFF3E6, #EACB73, #849900, #006C1C, #002B24)
• Marigold Thicket color palette (#F5E0D3, #CD984D, #7F6600, #464600, #233900)
• Muted Olive Terrace color palette (#E4FDE5, #F1A170, #838400, #47488A, #102811)
• Olive Station color palette (#F1ECCD, #6D8800, #004B29, #00120F, #000102)
• Powdered Clover color palette (#E6FCEA, #DAD8CD, #FFCD70, #5DBF57, #302600)
• Muted Amber color palette (#FAF3F6, #CED9DC, #A5A4B0, #B9794A, #372A30)

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