Amber Harbor color palette — #FFF2E9 · #DD7E35 · #648F2D · #116F54 · #36241D
A conversation between Tangerine and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Tangerine (#DD7E35): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#648F2D): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#116F54): A full-bodied, balanced teal — the color of sea glass.
- Espresso (#36241D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.
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
- Tempered Amber Parlor color palette (#FFF4E1, #B78E00, #008155, #006268, #381E07)
- Frosted Bloom color palette (#FFF2EB, #EA714B, #7F873B, #724E7B, #392723)
- Airy Summit color palette (#FEF4E0, #988200, #008267, #7E3740, #291703)
- Dusty Apricot color palette (#FFF3E4, #EF986D, #AA7C45, #4C6E45, #423C37)
- Aubergine Corridor color palette (#FFEEE6, #CB5F00, #566F00, #720671, #2E040C)
- Hushed Raspberry color palette (#FFF2EE, #BC5C6F, #206E31, #00475A, #382128)
- Wisteria Courtyard color palette (#FFF1F2, #C675B9, #B16C47, #3B608B, #39232C)
- Wandering Apricot color palette (#FFF2EE, #FFB084, #BF814C, #89580A, #523800)
Browse the whole catalog at Explore, or see today's palette.