Amber Harbor color palette — #F2DFC4 · #B99200 · #867C00 · #515600 · #1C2900
A conversation between Mustard and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F2DFC4): A whisper-light, dusty gold — the color of old brass.
- Mustard (#B99200): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#867C00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#515600): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#1C2900): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Hushed Courtyard color palette (#CEE5D9, #95A95A, #878000, #705600, #081C00)
- Antique Amber color palette (#F4DED0, #BA7C00, #666200, #394A00, #002306)
- Feathered Olive Summit color palette (#EBEBDB, #91A500, #518A00, #067018, #002917)
- Faded Mustard color palette (#FFEFD0, #D7C87E, #ACAE4B, #748A48, #395231)
- Feathered Tangerine Harbor color palette (#FFE3DF, #ED6B40, #B55C00, #834B00, #291B00)
- Mint Basin color palette (#DCE8B6, #A4DC96, #40CEA3, #9C8736, #1A2700)
- Violet Orchard color palette (#D4E9DF, #B9B62D, #855EDD, #787500, #21004B)
- Plum Coast color palette (#DDE2C5, #8A9600, #008EC5, #BB407A, #111300)
Browse the whole catalog at Explore, or see today's palette.