Tangerine Coast color palette — #FFE9E6 · #FB6F1E · #B06800 · #694A00 · #333000

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

The five colors

• Rose Water (#FFE9E6): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#FB6F1E): A luminous, vivid orange — the color of autumn markets.
• Ochre (#B06800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#694A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#333000): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Tangerine Coast 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

• Quiet Amber Quarry color palette (#F3DFD4, #CA7200, #915800, #5D3B00, #3F2B00)
• Patina Loft color palette (#F9DFCD, #C89100, #897900, #515700, #153A00)
• Misty Ember Lantern color palette (#FFF1F5, #E2E18B, #59DD88, #DB5515, #413600)
• Washed Scarlet color palette (#F5DEE7, #FF6F7D, #D82900, #853E00, #482D00)
• Hazy Courtyard color palette (#F9D8B2, #BFA246, #A56800, #893400, #292C00)
• Feathered Mustard color palette (#FFEDBE, #D2A800, #947500, #574000, #201500)
• Aged Bronze Corridor color palette (#FFF0F9, #E7BA9A, #BC9153, #8B721A, #305849)
• Misty Cobalt Corridor color palette (#D5ECD5, #E6A029, #007FD8, #8E5E00, #002F56)

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