Tangerine Pier color palette — #FFE7E7 · #FF7C3B · #B66C00 · #564800 · #1C2400

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FFE7E7): A whisper-light, dusty red — the color of embers at dusk.
• Tangerine (#FF7C3B): A luminous, vivid orange — the color of toasted spice.
• Ochre (#B66C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#564800): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#1C2400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Soft Marigold Villa color palette (#FFE9DA, #E69300, #937F00, #435700, #00240E)
• Weathered Workshop color palette (#FFE7E3, #C66227, #894E00, #4F3A00, #1B300C)
• Frosted Harbor color palette (#FBDCCB, #F18E35, #C47500, #906000, #3A2700)
• Hazy Ridge color palette (#FFF1F0, #FFAD6F, #C08900, #625F00, #1E2F03)
• Soft Amber color palette (#FFE3DA, #D38400, #7B6300, #343C00, #071400)
• Rust Corridor color palette (#FFD0E7, #FF839E, #C63E00, #6A3700, #2C1F00)
• Hushed Villa color palette (#FFF1F5, #C9B154, #A66500, #68362C, #001711)
• Bronze Alley color palette (#EEDFD1, #9E7E00, #595600, #0A3300, #000702)

Browse the whole catalog at Explore, or see today's palette.