Amber Coast color palette — #F4D7E7 · #F1A56F · #BB7D00 · #720E05 · #040002

A conversation between Mustard and Oxblood, giving this palette its sense of optimism and balance.

The five colors

• Shell Pink (#F4D7E7): A whisper-light, dusty pink — the color of neon signs at night.
• Apricot (#F1A56F): A luminous, balanced gold — the color of honey in a jar.
• Mustard (#BB7D00): A luminous, balanced gold — the color of honey in a jar.
• Oxblood (#720E05): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Balance. Tagged pastel, light.

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

• Amber Hollow color palette (#FFD9B8, #D8B379, #AB9000, #6A2D00, #020100)
• Feathered Ember color palette (#ECD9EF, #F09C98, #DF571C, #71003B, #030003)
• Hushed Garnet color palette (#FFE3DA, #B17A51, #806500, #61001E, #090200)
• Marigold Meadow color palette (#F5DCD6, #EB9526, #A39A1E, #9B4572, #1F0600)
• Aged Bronze Harbor color palette (#D9E8E0, #8A7B00, #044A0B, #322B00, #000200)
• Hushed Bronze color palette (#FFF1F5, #D1DDCD, #E5CE72, #B1602F, #3C1826)
• Clover Harbor color palette (#DAFFEF, #C1E283, #5FC14D, #5D4D00, #050600)
• Misty Terrace color palette (#DDFFE7, #FBEB89, #B1C531, #8C5C00, #1E1700)

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