Amber Coast color palette — #FFF1F4 · #FFB9AB · #E87A00 · #825600 · #463900

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Rose Quartz (#FFB9AB): A whisper-light, balanced orange — the color of sun-warmed clay.
• Tangerine (#E87A00): A luminous, vivid gold — the color of afternoon light on wheat.
• Coffee (#825600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#463900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Ember Balcony color palette (#FFF1F7, #FFB7C1, #F54F40, #945400, #4C3600)
• Amber Market color palette (#FFEAE3, #D67800, #7D6000, #3E3E00, #050C00)
• Muted Study color palette (#FFF2EE, #FFB581, #B88600, #6D6900, #213F00)
• Tangerine Dune color palette (#EFDDDA, #FFA481, #F17000, #AB6700, #5B3C00)
• Frosted Amber Lantern color palette (#FFF3E9, #EBCB8F, #CA7C42, #914546, #302701)
• Powdered Coral color palette (#FFD7DB, #FB8668, #B06800, #624C00, #1E1F00)
• Bronze Grove color palette (#F3DECD, #9B7600, #564D00, #142C00, #000401)
• Hushed Blush color palette (#F9F2FF, #FFB5E1, #FC598D, #B83720, #4E2600)

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