Amber Coast color palette — #F9F0E8 · #D18845 · #6A5600 · #522E00 · #27201D

Mustard takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F0E8): a clean, paper-quiet neutral.
• Mustard (#D18845): A luminous, balanced gold — the color of old brass.
• Coffee (#6A5600): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#522E00): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#27201D): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Fern Courtyard color palette (#F5F2E6, #A0A058, #50601B, #3B382C, #24211D)
• Muted Coral color palette (#FEEEE9, #D1818A, #7C4B12, #433430, #262020)
• Softworn Apricot color palette (#FFF1F6, #DD9F67, #455A4E, #34272C, #130D12)
• Softworn Marigold color palette (#FBF0E5, #E8A866, #9C7334, #5C5349, #27201B)
• Tempered Bronze color palette (#ECDEC9, #AC7D00, #354E16, #352200, #1A0F08)
• Tempered Courtyard color palette (#FCF4E4, #C4B161, #AB97E0, #AA76A9, #45423B)
• Hushed Lilac Terrace color palette (#FDF4E6, #DEBF8E, #BDA1EB, #AA8547, #644150)
• Timeworn Courtyard color palette (#F9F4EE, #D8D2B2, #79A984, #94727E, #5A4D00)

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