Tangerine Pier color palette — #CCE7D2 · #FF7342 · #9E7B00 · #247100 · #060400
A conversation between Tangerine and Olive, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#CCE7D2): A whisper-light, dusty teal — the color of sea glass.
- Tangerine (#FF7342): A luminous, vivid orange — the color of toasted spice.
- Ochre (#9E7B00): A full-bodied, balanced gold — the color of old brass.
- Olive (#247100): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#060400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Tangerine 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
- Hazy Amber color palette (#D9F7E5, #E67300, #968400, #00623D, #050600)
- Coral Thicket color palette (#FEE7F1, #FF6A75, #BC6C00, #406400, #070400)
- Apricot Pier color palette (#EBE0CF, #FF9146, #C09200, #698800, #1D1700)
- Chalky Courtyard color palette (#FFF3E2, #FFC18D, #CF9A00, #8C8700, #030200)
- Dusty Pine color palette (#D8F5EF, #926B00, #1D7304, #004B52, #000201)
- Frosted Moss Ridge color palette (#F1F8BC, #FFA758, #A5AD00, #008473, #071200)
- Peony Boulevard color palette (#F9DCF1, #F243AD, #EB351D, #675300, #0D0300)
- Ancient Forest Dune color palette (#F5DDC9, #8A7B41, #2E6139, #342749, #190C2B)
Browse the whole catalog at Explore, or see today's palette.