Tangerine Canyon color palette — #FFDBD4 · #F17224 · #A47100 · #615800 · #1A2200

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

The five colors

• Shell Pink (#FFDBD4): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#F17224): A luminous, vivid orange — the color of toasted spice.
• Ochre (#A47100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#615800): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#1A2200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Pale Amber color palette (#EEDCD2, #C37300, #885D00, #4E3D00, #241F00)
• Coral Delta color palette (#FDD7E7, #F65D63, #CC5100, #834C00, #2C2100)
• Amber Dune color palette (#FFEADC, #BE8E00, #7E8100, #416700, #00280F)
• Tempered Mustard Canyon color palette (#ECE3C0, #CBAB00, #998400, #625300, #0F0C00)
• Hushed Bronze Alley color palette (#D3EBD4, #A6A25F, #9F7328, #894426, #001B17)
• Tempered Cobalt color palette (#D4EEDD, #CEAD2D, #007FD7, #866E00, #001B35)
• Olive Summit color palette (#FFE7D1, #E4A400, #A39B00, #3B8600, #003A23)
• Tempered Marigold color palette (#FFEAE3, #FEBC80, #CFA34B, #8E8B38, #3E5331)

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