Amber Pier color palette — #FFF1F7 · #E57900 · #706F00 · #004C32 · #2B0006
Built around Tangerine, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Tangerine (#E57900): A luminous, vivid gold — the color of afternoon light on wheat.
- Olive (#706F00): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004C32): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#2B0006): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Tempered Ember color palette (#FFF0FB, #FE5C38, #886400, #244B00, #280019)
- Worn Olive color palette (#DDFFE7, #BA9500, #248001, #004A46, #260700)
- Nocturne Courtyard color palette (#FFE6F1, #BC6300, #3E2500, #100400, #040002)
- Muted Corridor color palette (#FED8C1, #BE4300, #295A00, #003144, #1D001F)
- Chalky Mustard Archive color palette (#FFEBD5, #F7AC00, #9E7500, #6B5500, #292200)
- Gentle Lime Studio color palette (#E6FBF3, #9FB22F, #008B6B, #005266, #281700)
- Olive Grove color palette (#E0F9F1, #668800, #005B4D, #002939, #030100)
- Washed Amber Terrace color palette (#FFF0F7, #EED7C3, #E7C386, #CB8400, #240F00)
Browse the whole catalog at Explore, or see today's palette.