Tempered Tangerine color palette — #F9DBDA · #EC701D · #9A6200 · #5B4900 · #242E00

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

The five colors

• Shell Pink (#F9DBDA): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#EC701D): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#9A6200): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#5B4900): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#242E00): 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 Tempered Tangerine 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

• Antique Amber color palette (#FFE4D9, #C66700, #825000, #523B00, #312900)
• Faded Apricot color palette (#FFD3CA, #FF9856, #A46400, #574200, #1F1F00)
• Timeworn Amber Thicket color palette (#FFDFCC, #CC8B00, #807800, #3A5600, #003B1A)
• Airy Blush Hollow color palette (#F0DAE3, #ED5E7D, #BF4100, #7B4400, #382A00)
• Pale Grove color palette (#E2ECE1, #AAA157, #996500, #7F3113, #002B24)
• Weathered Meadow color palette (#F2DFA2, #C1AA2C, #937300, #554400, #1F1400)
• Soft Balcony color palette (#CEE5D3, #CDA328, #007BC7, #7B5F00, #002B4B)
• Tempered Fuchsia Villa color palette (#D5DFF2, #E490FF, #A88600, #0B311B, #08110B)

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