Amber Harbor color palette — #FFF0F7 · #D78958 · #739E58 · #1E8166 · #402C36
A conversation between Coral Clay and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F7): bright and airy, almost weightless.
- Coral Clay (#D78958): A luminous, balanced gold — the color of honey in a jar.
- Moss (#739E58): A luminous, balanced green — the color of fresh herbs.
- Teal (#1E8166): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#402C36): A deep, shadowed, dusty rose — the color of strawberry cream.
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
- Olive Parlor color palette (#FFF1F6, #D89351, #848700, #007047, #552830)
- Jade Courtyard color palette (#E9FBEB, #C5963A, #38A678, #007F81, #28372A)
- Ancient Amber Atelier color palette (#EBFAEA, #E79B86, #BF7027, #546C39, #4C3543)
- Aged Market color palette (#FFD8EC, #D16200, #588800, #00684B, #361400)
- Patina Mallow color palette (#FFF1F1, #EF9ACC, #98B987, #4E9F9D, #442B2C)
- Wandering Lilac color palette (#F2F4FF, #A68BEA, #CA7177, #007C91, #2F3143)
- Aged Grove color palette (#E0F4ED, #819C24, #00919C, #006896, #062E24)
- Faded Courtyard color palette (#F7F3FF, #B65AA2, #008374, #006155, #362E43)
Browse the whole catalog at Explore, or see today's palette.