Tangerine Pier color palette — #CCE6D7 · #FD7A2E · #938500 · #007A4F · #0F1000
Tangerine and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#CCE6D7): A whisper-light, dusty teal — the color of glacier melt.
- Tangerine (#FD7A2E): A luminous, vivid orange — the color of autumn markets.
- Olive Leaf (#938500): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007A4F): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#0F1000): 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
- Coral Studio color palette (#F2DAE2, #FF5C5F, #BD7300, #5B6F00, #160D00)
- Moss Summit color palette (#CDF0E6, #DB9300, #50A100, #007678, #001204)
- Mustard Corridor color palette (#E9DEBF, #FF9078, #B99F00, #009E79, #0D1000)
- Hushed Harbor color palette (#FCEFD3, #FFA651, #B59B00, #1F8810, #010100)
- Pine Dune color palette (#EFDFD2, #8E853B, #007849, #53215C, #320B23)
- Worn Fern Parlor color palette (#E7E2D4, #718000, #236600, #004320, #00170F)
- Chalky Lime color palette (#DBFFF0, #FFB97D, #B9BA00, #00A889, #122D00)
- Washed Corridor color palette (#DDF3EC, #38995E, #006154, #5D2222, #001506)
Browse the whole catalog at Explore, or see today's palette.