Worn Amber Coast color palette — #FFF3E8 · #D97600 · #008AB9 · #894900 · #004058

Mustard and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Mustard (#D97600): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#008AB9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Burnt Sienna (#894900): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#004058): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Faded Cobalt Delta color palette (#FFF3E4, #D1972C, #0074C0, #7A5400, #003D69)
• Airy Amber color palette (#FFECF4, #E47600, #008DC5, #8B4500, #002436)
• Brick Harbor color palette (#FFF2EE, #D86F76, #008FA0, #AD0033, #00434C)
• Muted Iris Lagoon color palette (#FDF4E2, #AFA057, #7D82C9, #756500, #3B3D6A)
• Azure Boulevard color palette (#FFF3E9, #FFA86A, #06A4F4, #9E5000, #003F61)
• Ultramarine Corridor color palette (#F4D8C2, #CB7435, #0C54C0, #723600, #00245F)
• Powdered Corridor color palette (#FFE8C2, #9F7A00, #008095, #305D8A, #3E2E00)
• Washed Workshop color palette (#FFF1F5, #FFCF9C, #11CBF6, #B77100, #004252)

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