Tangerine Ridge color palette — #FFD9D3 · #F48312 · #8C6D00 · #454700 · #082400

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

The five colors

• Shell Pink (#FFD9D3): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#F48312): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#8C6D00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#454700): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#082400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Weathered Amber color palette (#F2E0D5, #D09100, #6F6900, #104901, #002113)
• Coral Orchard color palette (#FFD4DF, #FF7975, #A25500, #503900, #1E1D00)
• Soft Amber Boulevard color palette (#FFF3E7, #FFC978, #B98F00, #645700, #2D2C00)
• Sunlit Amber color palette (#DBFCE1, #DE6D00, #656600, #243977, #291800)
• Aged Courtyard color palette (#FAEADA, #887000, #444C00, #002C0B, #000604)
• Emerald Hollow color palette (#E3F9E2, #FFC4C1, #F2A500, #37922B, #281F00)
• Mustard Harbor color palette (#FFD9C9, #C6AA58, #668461, #564576, #362A4E)
• Pale Bronze color palette (#FFECF3, #BD6B00, #00696B, #1D2E7E, #25003C)

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