Amber Harbor color palette — #F5D7CD · #BF7524 · #6E5700 · #363800 · #021C01
A conversation between Mustard and Coffee, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F5D7CD): A whisper-light, dusty orange — the color of toasted spice.
- Mustard (#BF7524): A luminous, balanced gold — the color of honey in a jar.
- Coffee (#6E5700): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#363800): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#021C01): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Feathered Bronze Chapel color palette (#FFE8D1, #AE7600, #6D5700, #453F00, #262D00)
- Muted Ember color palette (#EEDADC, #C96148, #7A4200, #4A3100, #181400)
- Softworn Courtyard color palette (#EDE5D6, #7F8D5D, #665300, #4C2600, #001304)
- Marigold Chapel color palette (#FFE5CC, #E0A945, #967700, #524B00, #1C2100)
- Washed Moss color palette (#EAE0CE, #8D9000, #356900, #003B21, #001916)
- Softworn Market color palette (#EEE6D5, #997C00, #5F5AC3, #564400, #10023C)
- Orchid Lantern color palette (#FFE5F2, #A96FFF, #978700, #171300, #060300)
- Ancient Grape color palette (#F4E6C5, #7A6C00, #603AC8, #700085, #0E0B00)
Browse the whole catalog at Explore, or see today's palette.