Amber Coast color palette — #DEE8DE · #B78228 · #006542 · #5F3F00 · #000303

A conversation between Mustard and Pine, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#DEE8DE): bright and airy, almost weightless.
• Mustard (#B78228): A luminous, balanced gold — the color of honey in a jar.
• Pine (#006542): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#5F3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Black (#000303): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged duotone, 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

• Pale Pine Meadow color palette (#EBF5ED, #C29A32, #007936, #6B5100, #000808)
• Faded Amber Ridge color palette (#F6E8DE, #CD6A00, #005B5A, #653100, #031103)
• Amber Delta color palette (#EEE0E8, #D36C3D, #505C00, #762C00, #000302)
• Washed Workshop color palette (#D7E9E4, #7D9A38, #00635A, #3C4E00, #000304)
• Frosted Moss Summit color palette (#F2E6C5, #939200, #4C6700, #003E13, #00110A)
• Weathered Cabin color palette (#D3EAD7, #857B00, #065D11, #1D2067, #00130C)
• Sunlit Navy Grove color palette (#DBF5E9, #6E7000, #005151, #1E0077, #1C000A)
• Aged Olive Basin color palette (#D4E5DF, #5F7100, #003F3D, #262E00, #000201)

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