Amber Coast color palette — #EEF9EE · #BA8F53 · #447E66 · #35547F · #5A3449

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

The five colors

• Ivory (#EEF9EE): bright and airy, almost weightless.
• Mustard (#BA8F53): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#447E66): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#35547F): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5A3449): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Taupe Cabin color palette (#FCF2F8, #C18871, #66784D, #195D69, #3B405F)
• Hushed Taupe color palette (#ECF8F4, #8DA163, #307C8D, #5E4970, #55384A)
• Worn Navy color palette (#F8EEF8, #C8888D, #677A45, #464284, #42171D)
• Patina Pewter Coast color palette (#E6FDE5, #B7D3C5, #7B9894, #607389, #4D5167)
• Softworn Driftwood Dune color palette (#DEFFE7, #C0BA7D, #8B924E, #58703E, #2B5C58)
• Antique Studio color palette (#FEF2ED, #D7A299, #87935E, #6260A3, #6A2F0D)
• Softworn Studio color palette (#E1FEEB, #927D00, #006861, #312A94, #5D0325)
• Hushed Quarry color palette (#E8F6EB, #987814, #2B4239, #202C23, #1F1615)

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