Tangerine Ridge color palette — #F5D8E8 · #FE7221 · #5B972B · #006C88 · #2D0E3D

Tangerine takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F5D8E8): A whisper-light, dusty pink — the color of a candy shop window.
• Tangerine (#FE7221): A luminous, vivid orange — the color of toasted spice.
• Olive Leaf (#5B972B): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#006C88): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#2D0E3D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Dusty Amber color palette (#F6D8E3, #E78700, #009D65, #2F62A2, #3E0024)
• Dusty Blush Thicket color palette (#EFD9F0, #FF6780, #988400, #007167, #0E184C)
• Timeworn Ember color palette (#FFF2EB, #EC5E24, #007557, #003D59, #000929)
• Wandering Marigold color palette (#FFEAE1, #E5AC61, #979966, #487F98, #2C3B53)
• Antique Rose color palette (#F1D8EE, #F51F37, #00736D, #004477, #00203D)
• Tempered Mustard Lantern color palette (#EDF9ED, #EFB248, #44B698, #647BB2, #542836)
• Tempered Nightshade Station color palette (#D5F6DE, #9E7C00, #007563, #1331A5, #160009)
• Gentle Ultramarine Lantern color palette (#C8F4DB, #BFA900, #009F94, #4658CB, #480024)

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