Amber Pier color palette — #FEF3E6 · #E4E1B2 · #A0D1FF · #C08F4D · #1C5145
A conversation between Mustard and Sky, giving this palette its sense of nature and growth.
The five colors
- Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#E4E1B2): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#A0D1FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Mustard (#C08F4D): A luminous, balanced gold — the color of old brass.
- Forest (#1C5145): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged light, 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
- Hushed Taupe Boulevard color palette (#FCF4E4, #D1EAB7, #ABCEFF, #AB9A48, #543D54)
- Antique Coral Canyon color palette (#FFF2ED, #F1D5C3, #8CDCDF, #CE827D, #354D38)
- Muted Marigold Meadow color palette (#FFF1F5, #F6C5D4, #A3C9FF, #DB9944, #374E6E)
- Worn Driftwood Grove color palette (#F7F5EE, #E1DECE, #93873E, #514600, #1E1C0F)
- Tempered Bronze color palette (#FEF3E9, #DCE1C1, #C7A888, #A86748, #484000)
- Aged Cocoa color palette (#FFE9DC, #D9CBCF, #A69D91, #6A3800, #2A231D)
- Weathered Sand Boulevard color palette (#FFF3E6, #F0C28D, #A1BBEF, #8DA2CD, #3C3732)
- Azure Parlor color palette (#EDF9EE, #CCAA75, #4FA1D7, #8F6B2D, #385064)
Browse the whole catalog at Explore, or see today's palette.