Tangerine Canyon color palette — #FFF1F0 · #FFBFC2 · #F17243 · #A0652A · #4F4117

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Ballet Pink (#FFBFC2): A whisper-light, dusty red — the color of a theater curtain.
• Coral Clay (#F17243): A luminous, vivid orange — the color of autumn markets.
• Ochre (#A0652A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4F4117): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Tangerine Canyon 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 Cabin color palette (#FFF1F1, #FFC2A8, #D39100, #84690A, #404A22)
• Bronze Coast color palette (#FFDFE7, #DB8584, #AE5A39, #834805, #5E4523)
• Quiet Apricot Station color palette (#FFD1D4, #FFB0A6, #F28C66, #AD704D, #5C3745)
• Taupe Studio color palette (#FFF2EB, #F6D7B4, #CB8C75, #895E55, #34312B)
• Tempered Amber color palette (#FFF1F2, #FF9075, #BE6E00, #644800, #242300)
• Feathered Amber Lantern color palette (#FFF3E9, #FFC6A2, #26D1F5, #C76D26, #00404D)
• Dusty Apricot Study color palette (#FFF3E7, #E1D9C7, #E28E35, #814702, #331500)
• Bronze Workshop color palette (#FFE0D8, #AA5F00, #563A00, #171500, #000200)

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