Amber Harbor color palette — #FFF1F1 · #FFB89D · #D77A00 · #6C5200 · #323500
Built around Mustard, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Melon (#FFB89D): A whisper-light, balanced orange — the color of toasted spice.
- Mustard (#D77A00): A luminous, balanced gold — the color of honey in a jar.
- Coffee (#6C5200): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#323500): A deep, shadowed, dusty 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
- Linen Amber color palette (#FBEAE1, #FCA468, #D7852B, #A66A00, #553900)
- Antique Ember Alley color palette (#FFF0F8, #FFA4B9, #DD5C4A, #894800, #483000)
- Softworn Amber color palette (#F6E1DF, #E46F00, #8A5C00, #423900, #080D00)
- Patina Meadow color palette (#F5E1D7, #B06F00, #5B4A00, #212800, #000501)
- Marigold Archive color palette (#FFF2EF, #FFC388, #CD9D30, #6E742E, #09453E)
- Marigold Loft color palette (#FFF2ED, #FDA538, #A18C00, #576815, #0D371D)
- Timeworn Market color palette (#FFF1F6, #D9C68D, #AD7F55, #7A4941, #04281F)
- Pale Azure color palette (#E5FDE4, #FFC166, #39A0E6, #9D6B12, #002A46)
Browse the whole catalog at Explore, or see today's palette.