Amber Harbor color palette — #FFF1F0 · #FFB89A · #C07B00 · #736000 · #263900
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F0): bright and airy, almost weightless.
- Melon (#FFB89A): A whisper-light, balanced orange — the color of toasted spice.
- Mustard (#C07B00): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#736000): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#263900): A deep, shadowed, balanced 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
- Aged Amber color palette (#FFF1F7, #FFA09F, #E37038, #7A4900, #3D2F00)
- Patina Mustard color palette (#FFF2EB, #FEC98F, #B8A433, #617200, #1F4626)
- Antique Amber Parlor color palette (#FBE8E3, #DA7C0A, #815D00, #363800, #071100)
- Wandering Driftwood Coast color palette (#FFF3E4, #D5C79C, #A88346, #80472D, #232305)
- Timeworn Bronze color palette (#EBDBD2, #9F7900, #625800, #0F2A00, #000301)
- Aged Amber Drift color palette (#EADBD3, #F7A24A, #CF9000, #987600, #423A00)
- Antique Thicket color palette (#FFF4DE, #F1DA8E, #A49000, #544400, #191200)
- Worn Olive color palette (#EEE5C8, #767700, #0C4E07, #001F14, #000201)
Browse the whole catalog at Explore, or see today's palette.