Tangerine Basin color palette — #FFD1DE · #FFA298 · #F96D00 · #AA7600 · #494100

A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFD1DE): A whisper-light, dusty rose — the color of pressed rose petals.
• Melon (#FFA298): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#F96D00): A luminous, vivid orange — the color of autumn markets.
• Ochre (#AA7600): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#494100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged warm.

Use it as a design system

One click turns Tangerine Basin 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 Veranda color palette (#FEE3E1, #FF9576, #D76700, #935400, #5C3C00)
• Dusty Amber Market color palette (#FFE2E1, #FF976A, #D08E00, #8E7B0D, #354417)
• Powdered Coral Station color palette (#FFCEF9, #FFA6CD, #FF6C76, #C2532D, #603600)
• Soft Coral Harbor color palette (#FAE1E4, #F3736B, #B05200, #6B3E00, #332500)
• Soft Marigold Station color palette (#FFF3E8, #FFC47B, #E69900, #A56C00, #3F2200)
• Apricot Bloom color palette (#FFE7F3, #EEBF75, #E28B58, #B6646A, #113F2D)
• Feathered Amber color palette (#FCEBE6, #E37500, #A07300, #5C6000, #142000)
• Washed Workshop color palette (#FFF1F5, #FFCF9C, #11CBF6, #B77100, #004252)

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