Amber Pier color palette — #FFF1F6 · #DDC399 · #B77A48 · #844336 · #0B281B
A conversation between Caramel and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Sand (#DDC399): A whisper-light, dusty gold — the color of honey in a jar.
- Caramel (#B77A48): A luminous, balanced gold — the color of honey in a jar.
- Coffee (#844336): A full-bodied, balanced orange — the color of autumn markets.
- Onyx (#0B281B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Amber Pier 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
- Bronze Alley color palette (#E8FBEE, #C3CE9C, #9F8923, #774E15, #022824)
- Muted Meadow color palette (#FFF1F5, #CAAF70, #A76400, #752C10, #00170E)
- Worn Coast color palette (#E9FBEB, #E5DFAD, #B99860, #8C5F41, #203730)
- Softworn Chestnut color palette (#F4DBC7, #AB9571, #8B562E, #5E2D2D, #1E1700)
- Linen Rose Market color palette (#FDF0FF, #FFB5D9, #DA5663, #843700, #321E00)
- Tempered Mustard Hollow color palette (#FDE3CA, #ECB677, #C9905E, #7F7873, #34302A)
- Moss Ridge color palette (#D9F1DF, #878D18, #5F4B00, #331B00, #000200)
- Amber Coast color palette (#FBDCE5, #B49741, #865200, #571C00, #000503)
Browse the whole catalog at Explore, or see today's palette.