Soft Amber color palette — #FFF1F6 · #FFC799 · #87C1F3 · #C37421 · #1D3B55

Built around Mustard, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wheat (#FFC799): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Sky (#87C1F3): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#C37421): A luminous, balanced gold — the color of honey in a jar.
• Navy (#1D3B55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged light.

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

• Bronze Station color palette (#E7FBED, #EAD388, #9EB8FF, #A28726, #2A365B)
• Wandering Chapel color palette (#FFF0FC, #FFC3BA, #6CCCD6, #CC685B, #004146)
• Hushed Taupe Bloom color palette (#FFF1F6, #C8E7C7, #C1936F, #815E75, #213828)
• Dusty Cerulean Studio color palette (#FFF3E8, #D28E52, #0095CE, #955300, #164861)
• Antique Summit color palette (#FFF1F5, #EAAD69, #4CBFB6, #A083BB, #3C222B)
• Worn Chartreuse Workshop color palette (#DAFFF0, #D1E358, #AB97F9, #727E00, #31205D)
• Sand Atelier color palette (#EAFAF1, #FEE2A8, #7D784A, #1B4130, #02140B)
• Weathered Taupe color palette (#DFFFE1, #CBDFC3, #C49758, #805412, #271700)

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