Amber Harbor color palette — #FFF2F0 · #FFD2B4 · #C49733 · #6C6A00 · #0D3F00
Built around Mustard, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Peach Cream (#FFD2B4): A whisper-light, dusty gold — the color of old brass.
- Mustard (#C49733): A luminous, balanced gold — the color of honey in a jar.
- Olive (#6C6A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#0D3F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
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
- Antique Quarry color palette (#FFF1F5, #FFCFC7, #E8824A, #916200, #343400)
- Bronze Ridge color palette (#FFEADF, #CF9F68, #93741F, #585000, #354100)
- Faded Basin color palette (#FFF3E9, #FDE19B, #A1B14C, #3A7330, #003E2C)
- Muted Honey Grove color palette (#FFF0E2, #FFC575, #C7A75E, #988438, #443F00)
- Wandering Lantern color palette (#FFE8CC, #917A00, #314600, #001204, #000201)
- Pale Station color palette (#FFF2EB, #F7A800, #888200, #275200, #002316)
- Dusty Amber color palette (#FFEAE5, #C17900, #604F00, #191E00, #000200)
- Ancient Moss Terrace color palette (#FFF3E3, #FFB998, #9E9536, #545F96, #36312B)
Browse the whole catalog at Explore, or see today's palette.