Tangerine Coast color palette — #FFDCD8 · #EC8150 · #AD5D00 · #6C510E · #2B4C3A

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

The five colors

• Shell Pink (#FFDCD8): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#EC8150): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#AD5D00): A full-bodied, balanced gold — the color of honey in a jar.
• Coffee (#6C510E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#2B4C3A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Patina Bronze color palette (#F9E0E2, #E0977E, #B06A26, #6B4D00, #292B00)
• Quiet Amber color palette (#FFEFE4, #D2921E, #967800, #585C19, #23584E)
• Amber Alley color palette (#FFE0E4, #F4A189, #C97E41, #886918, #4A4841)
• Amber Hollow color palette (#FFF1F5, #D68D38, #4F8DD0, #895923, #2D445D)
• Linen Blush Quarry color palette (#FFE1EC, #F6859D, #B75845, #7F4928, #5A3845)
• Worn Bronze Drift color palette (#FFF1F6, #B9A579, #926840, #66465C, #2B4338)
• Powdered Mustard Lagoon color palette (#DFFFE3, #DEB056, #956D1C, #5C3E00, #412C00)
• Mustard Balcony color palette (#E9DFCD, #BFA100, #687600, #205F00, #074E2D)

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