Soft Amber color palette — #F5D7D3 · #FFA17D · #E17712 · #A26D2C · #503801

A conversation between Tangerine and Melon, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F5D7D3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#FFA17D): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#E17712): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#A26D2C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#503801): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Soft Amber 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

• Powdered Amber Loft color palette (#FFF1F2, #FFA181, #D0782D, #805800, #3A3000)
• Wandering Coral Courtyard color palette (#FFDFE9, #FF97A7, #F06C6B, #AA5C4A, #592E12)
• Patina Marigold color palette (#FFDDCA, #FFB360, #D89F37, #94803F, #47443D)
• Wandering Bloom color palette (#FBE3CD, #E9B870, #C39268, #807873, #33302A)
• Powdered Villa color palette (#FFF1DD, #FFC473, #D19815, #986D0A, #2D1C00)
• Amber Cabin color palette (#FAE3CF, #B67900, #836300, #514A00, #101200)
• Ancient Sky Harbor color palette (#FFEBD7, #FFC592, #50BCFF, #B46802, #043956)
• Weathered Mustard Atelier color palette (#F5E5CF, #E0A800, #A89000, #747900, #253400)

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