Tangerine Coast color palette — #FFDCDA · #F27040 · #9D5A00 · #5C4100 · #29370E

Built around Coral Clay, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDCDA): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#F27040): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#9D5A00): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#5C4100): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#29370E): 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

• Amber Cabin color palette (#FBE1D1, #D88C00, #7A6300, #4D4A00, #113E28)
• Coral Boulevard color palette (#F8E7EA, #ED5E65, #AD3B0D, #763D00, #4E3600)
• Aged Bronze Courtyard color palette (#F4E1DD, #C06200, #664100, #382B00, #0B1E05)
• Muted Amber Quarry color palette (#FFE7EF, #D98723, #026DB8, #7D4800, #153757)
• Washed Amber color palette (#F3E3EA, #82D0FF, #C67F00, #19382F, #1B211A)
• Dusty Bronze Harbor color palette (#FFD9E5, #AB6800, #0074AC, #425891, #3D212C)
• Hushed Mint color palette (#FFF1F5, #F7E5A2, #81BE8F, #925C52, #2E4934)
• Aged Mustard color palette (#DDFEDD, #C9B159, #848A3E, #546E47, #355654)

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