Amber Harbor color palette — #F1EAE0 · #AE7F1D · #005E3D · #563C00 · #0A1000
Built around Mustard, softened by Pine — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F1EAE0): a clean, paper-quiet neutral.
- Mustard (#AE7F1D): A luminous, balanced gold — the color of old brass.
- Pine (#005E3D): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#563C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#0A1000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication. Tagged duotone, 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
- Softworn Moss color palette (#EFEBDF, #918D00, #005969, #464400, #001207)
- Soft Ember color palette (#F7E8DF, #D36328, #00602C, #6D2900, #0C0F00)
- Moss Courtyard color palette (#D7EAE0, #9E8F00, #006821, #4F4700, #000303)
- Gentle Aubergine color palette (#F3D9C2, #7F7B00, #005B41, #511155, #282501)
- Moss Drift color palette (#FCEBCC, #8C9A08, #2D6900, #003F30, #002729)
- Mustard Alley color palette (#F0EBDE, #B3A901, #00893F, #6C6600, #0C0F00)
- Antique Boulevard color palette (#F1EEE5, #CCCDBF, #98A686, #5B5800, #322E1E)
- Dusty Onyx color palette (#EBE6D4, #666200, #004456, #41004E, #1D1200)
Browse the whole catalog at Explore, or see today's palette.