Amber Harbor color palette — #FDD6E4 · #FF8969 · #DE8B00 · #878E00 · #110A00
Built around Mustard, softened by Salmon — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FDD6E4): A whisper-light, dusty rose — the color of strawberry cream.
- Salmon (#FF8969): A luminous, balanced orange — the color of sun-warmed clay.
- Mustard (#DE8B00): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive Leaf (#878E00): A luminous, balanced green — the color of a quiet forest floor.
- Ink (#110A00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, 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
- Moss Villa color palette (#CDE9D5, #FF904F, #C59E00, #689500, #131000)
- Tangerine Balcony color palette (#F9DEEF, #FF88A2, #FF643B, #AA7A00, #180700)
- Tempered Amber Chapel color palette (#FFEDDD, #FF9AB4, #E67E00, #2C7900, #020100)
- Frosted Peony Villa color palette (#D8ECD6, #FD62A8, #BE7400, #348000, #120A00)
- Hushed Basin color palette (#F2E7DB, #F04D00, #A06200, #434900, #040200)
- Softworn Bronze color palette (#F4E2C9, #9F8000, #736800, #4B5100, #081300)
- Antique Olive color palette (#D5EADE, #8FA14F, #438229, #883A2F, #0D1200)
- Tempered Alley color palette (#EFDCC9, #A29564, #658436, #005C95, #150B49)
Browse the whole catalog at Explore, or see today's palette.