Tempered Tangerine color palette — #FFF0FB · #FFC6B4 · #F67C3C · #9D551E · #5D3949

Tangerine and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Wheat (#FFC6B4): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#F67C3C): A luminous, vivid orange — the color of toasted spice.
• Ochre (#9D551E): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#5D3949): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, 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

• Timeworn Atelier color palette (#FFF0F8, #FDD3B3, #C98F6D, #915B47, #402B32)
• Chalky Blush color palette (#FFF1F5, #FFD1DA, #EC7286, #A95959, #553851)
• Pale Marigold Orchard color palette (#FFF3E8, #FFCA90, #E09900, #906A00, #47390D)
• Chalky Pier color palette (#FFE9E9, #D58A79, #AB5B31, #723900, #3E2300)
• Tempered Apricot color palette (#FFF1F2, #FFAEA0, #EA8F64, #AD7D4B, #335439)
• Feathered Apricot Lantern color palette (#FFEADE, #FB9420, #B97400, #764D00, #372400)
• Sunlit Parlor color palette (#FBD7C9, #D56000, #753B00, #321800, #040200)
• Faded Mint color palette (#FFF1F6, #FFC79B, #64D591, #C37328, #064140)

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