Tangerine Ridge color palette — #F4D7D5 · #F5731A · #A26600 · #645100 · #394600

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

The five colors

• Shell Pink (#F4D7D5): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#F5731A): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#A26600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Coffee (#645100): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#394600): A deep, shadowed, balanced 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

• Timeworn Corridor color palette (#F7D6D1, #FFA25E, #E28A00, #A27A00, #424300)
• Frosted Amber Meadow color palette (#F3DBD5, #DE6F00, #785600, #413F00, #00311A)
• Misty Marigold color palette (#FFD8C0, #D79200, #796B00, #345800, #00443C)
• Ancient Blush Field color palette (#FFD3E7, #F05E7B, #C24500, #794100, #524100)
• Faded Mustard Field color palette (#FFF5D3, #D8A600, #7A6500, #4B3A00, #2F2100)
• Muted Sapphire color palette (#FFF3E6, #DF8E24, #3C5DED, #824E00, #233571)
• Misty Cocoa Lagoon color palette (#FFEBD3, #AA9F4D, #8F5D00, #7D2A09, #36362F)
• Hazy Indigo color palette (#FFE7C9, #AA7300, #4F59F2, #7629B4, #432B00)

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