Amber Harbor color palette — #FCE1D8 · #D48F51 · #856B00 · #545200 · #254413
Mustard and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Shell Pink (#FCE1D8): A whisper-light, dusty orange — the color of autumn markets.
- Mustard (#D48F51): A luminous, balanced gold — the color of old brass.
- Ochre (#856B00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#545200): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#254413): A deep, shadowed, balanced green — the color of new leaves after rain.
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
- Patina Fern Pier color palette (#FFDCEA, #C5A667, #807C00, #3D6400, #234F37)
- Muted Bronze Balcony color palette (#F8DCE3, #CE746E, #A05600, #654500, #3B3A00)
- Fern Courtyard color palette (#DAFFEF, #9EA765, #606300, #3B3700, #232000)
- Cocoa Study color palette (#DCEDE1, #919D72, #756121, #683400, #003936)
- Moss Parlor color palette (#F7E7C6, #A29600, #4C6D00, #005031, #00373F)
- Indigo Cabin color palette (#DFF5E5, #A38B45, #6D6BC7, #6A5400, #2F2E61)
- Aged Amber Veranda color palette (#FEE8F1, #E0AEFF, #AB8E00, #2C2F29, #17221B)
- Tempered Harbor color palette (#E2FEE8, #B7E4EC, #5AC7CB, #A15A41, #1D4B3E)
Browse the whole catalog at Explore, or see today's palette.