Tempered Tangerine color palette — #D8F4E0 · #CCAE00 · #FF6B36 · #360E02 · #160411

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

The five colors

• Honeydew (#D8F4E0): A whisper-light, dusty teal — the color of sea glass.
• Gold (#CCAE00): A luminous, balanced green — the color of new leaves after rain.
• Tangerine (#FF6B36): A luminous, vivid orange — the color of sun-warmed clay.
• Onyx (#360E02): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#160411): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Warmth, Comfort, Energy, Balance. Tagged neon, dark, vibrant, 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 Tangerine Study color palette (#F9DBEF, #B5B800, #F17A06, #311300, #1B0813)
• Garnet Basin color palette (#FFEBF9, #E1943B, #8A1F08, #3F0B03, #0F030C)
• Blush Pier color palette (#EEECFB, #F6950E, #FF5C97, #27132E, #110814)
• Antique Lime color palette (#CEF6F9, #40D106, #CC9500, #2E1F00, #031406)
• Patina Mustard color palette (#F8E9FF, #E0C000, #FF917D, #60261C, #321F16)
• Softworn Apricot color palette (#FCEDF4, #F4863D, #846700, #8F4200, #0E0800)
• Gentle Workshop color palette (#F1E6D7, #CFA02F, #856B00, #454000, #1B1E00)
• Wandering Ember color palette (#EBD9ED, #E74600, #8E8600, #23071C, #0A0107)

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