Tangerine Coast color palette — #FFEEE3 · #FF9192 · #F86C00 · #8A7500 · #1C0C00

A conversation between Tangerine and Melon, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFEEE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Melon (#FF9192): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#F86C00): A luminous, vivid orange — the color of autumn markets.
• Walnut (#8A7500): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#1C0C00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Tangerine Coast 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 Coast color palette (#FFF0F8, #FF7EB3, #DF6900, #736D00, #371F00)
• Quiet Orchard color palette (#FFF0D7, #FF9C5C, #C49000, #648000, #140F00)
• Coral Terrace color palette (#FFEDEE, #FF85D0, #FF6265, #AD5800, #290001)
• Powdered Apricot Harbor color palette (#FFF0F7, #FFAD9D, #FF9657, #B87700, #3B1D00)
• Mustard Terrace color palette (#FFF0D7, #FFC9B0, #E1AC00, #6E9200, #1F1A00)
• Pale Atelier color palette (#F0DAD1, #CD9238, #6D6B17, #0D5163, #0D2241)
• Quiet Amber Lagoon color palette (#F3E4D8, #BC7E00, #7B5B00, #473B00, #1A1A00)
• Patina Apricot Study color palette (#FEEFE2, #E7D5C9, #F9B179, #ABA167, #34240E)

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