Tangerine Coast color palette — #F8DDDC · #F36F37 · #A85500 · #654400 · #2F3D12

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

The five colors

• Shell Pink (#F8DDDC): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#F36F37): A luminous, vivid orange — the color of autumn markets.
• Ochre (#A85500): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#654400): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#2F3D12): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Feathered Amber color palette (#FBE8E5, #F4A279, #D97E20, #9E6400, #4F3700)
• Weathered Lagoon color palette (#FBD7D1, #B95C00, #693F00, #3A2900, #0B1F05)
• Blush Corridor color palette (#F4D4E1, #EC698F, #B7413E, #7D300D, #55360E)
• Amber Pier color palette (#FFEBD7, #DB8523, #006FB2, #7E4700, #103857)
• Amber Quarry color palette (#F5E5D7, #C38E00, #766C00, #384800, #00382C)
• Tempered Bronze color palette (#FBDFC5, #AF6500, #0075A6, #435697, #3C260D)
• Weathered Veranda color palette (#FFF3E6, #ECE2A3, #9DC197, #9D5F52, #47433D)
• Marigold Study color palette (#FCE8F6, #00C9E7, #D99100, #34342D, #261E14)

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