Tangerine Ridge color palette — #FFD5CC · #EE6A00 · #966900 · #574C00 · #2E4604

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

The five colors

• Shell Pink (#FFD5CC): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#EE6A00): A luminous, vivid orange — the color of autumn markets.
• Ochre (#966900): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#574C00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2E4604): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

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

• Amber Orchard color palette (#F7D6CA, #FFAB76, #D38F00, #8C7700, #404900)
• Dusty Amber color palette (#FCD4C9, #C36F00, #745B00, #434400, #003728)
• Coral Delta color palette (#FEDEEB, #FE6A6C, #BC4000, #794600, #514400)
• Quiet Lagoon color palette (#FFE6D0, #B66B00, #7F35FC, #7239BC, #482700)
• Misty Mustard color palette (#FFF7C7, #BBAB1B, #806900, #423A00, #2E2700)
• Airy Mint Field color palette (#FFF3E5, #DFEEAC, #0BD7C5, #B2594D, #4B4741)
• Misty Lagoon color palette (#FFEBD1, #A4A245, #8A6000, #7A2E00, #36362F)
• Frosted Olive color palette (#FFE7CF, #BBAB4C, #6D8300, #2F6A2B, #1F5141)

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