Tangerine Ridge color palette — #F6D4DD · #FFA6A3 · #FE6F1D · #A36800 · #4E4200

Built around Tangerine, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F6D4DD): A whisper-light, dusty red — the color of a theater curtain.
• Rose Quartz (#FFA6A3): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#FE6F1D): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#A36800): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4E4200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Energy, 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

• Ember Boulevard color palette (#F8D5D5, #FF9583, #E65E00, #8F4A00, #533300)
• Frosted Basin color palette (#F9D4D3, #FF986C, #D28600, #8E7721, #323C04)
• Wandering Drift color palette (#F3D7F2, #FF93C6, #FF6571, #BD5326, #573200)
• Amber Station color palette (#F6DCD9, #E07900, #996F00, #595700, #182800)
• Hazy Rust Corridor color palette (#FFEAED, #F47572, #B44300, #703C00, #2E1F00)
• Marigold Hollow color palette (#FFF3E8, #FFC899, #EE9300, #A76A00, #402000)
• Gentle Boulevard color palette (#FFE7F4, #FEB94F, #E08B62, #B6636E, #153E2C)
• Ancient Amber color palette (#FFF1F6, #FFB16F, #46D4FF, #CC7300, #004253)

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