Amber Coast color palette — #FDDECE · #D07600 · #825700 · #503E00 · #1F3207

Built around Mustard, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FDDECE): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#D07600): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#825700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#503E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#1F3207): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Timeworn Balcony color palette (#ECDDD5, #FA9826, #C08300, #8A6D00, #353100)
• Misty Amber Villa color palette (#F7EFE2, #B29500, #646300, #3F4C00, #1F3D00)
• Feathered Amber color palette (#FEEEA4, #B19200, #6C5A00, #3B2F00, #1E1800)
• Aged Ember Station color palette (#FBD7D8, #F55643, #A23F00, #6A3800, #4A2B00)
• Quiet Harbor color palette (#FFF4E1, #CED788, #5BB36A, #905200, #3F3C00)
• Sapphire Workshop color palette (#FBE0B9, #A97C00, #0069E2, #654900, #002A64)
• Mulberry Station color palette (#EDE6D2, #8A6D00, #00717F, #890085, #2E2200)
• Olive Studio color palette (#FFF3E7, #CCAD85, #9C823A, #726600, #4D4C44)

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