Amber Harbor color palette — #DDFDF7 · #B9DDED · #B6ACB3 · #B59900 · #074424
A conversation between Mustard and Forest, giving this palette its sense of nature and growth.
The five colors
- Ivory (#DDFDF7): A whisper-light, dusty teal — the color of sea glass.
- Powder Blue (#B9DDED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#B6ACB3): soft and architectural.
- Mustard (#B59900): A luminous, balanced green — the color of fresh herbs.
- Forest (#074424): A deep, shadowed, balanced teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged pastel, light, muted.
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
- Weathered Orchard color palette (#E1FBFF, #CCDDEA, #BEAAA8, #4DB46A, #003E42)
- Washed Amber color palette (#DBFFED, #E8E4EF, #9EE4E1, #CB8317, #34451A)
- Quiet Olive Villa color palette (#D5FFFB, #BBE3EC, #77DBFF, #858100, #003423)
- Sunlit Seafoam Villa color palette (#F3FAD5, #A7F7F2, #27F8D9, #87BB68, #40423B)
- Washed Terracotta color palette (#FFF1F6, #F1CA85, #CC7B30, #A3341E, #2D2900)
- Aqua Coast color palette (#E6FFD1, #94F6F9, #32C8E3, #826B0F, #42433C)
- Worn Workshop color palette (#D8FEDB, #99F6C4, #6FD9BF, #527F37, #003230)
- Patina Olive Delta color palette (#D9FDFF, #9BEFFA, #7BB7F4, #447800, #001C1B)
Browse the whole catalog at Explore, or see today's palette.