Amber Coast color palette — #FFF1F0 · #FFAE8D · #E37A00 · #8B6000 · #3C3500

A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Melon (#FFAE8D): A whisper-light, balanced orange — the color of sun-warmed clay.
• Tangerine (#E37A00): A luminous, vivid gold — the color of old brass.
• Ochre (#8B6000): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3C3500): 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

• Amber Cabin color palette (#FEDFCF, #FFA766, #E98400, #AB6C00, #543700)
• Pale Amber color palette (#FFF2EC, #FBB166, #AE8300, #625500, #2C3700)
• Gentle Amber color palette (#FFF3E7, #EECC7E, #C77F2E, #964328, #2B2A00)
• Weathered Coral Courtyard color palette (#FFF1F6, #FFBFC9, #FD5955, #9F4A00, #523200)
• Amber Loft color palette (#EBDBD1, #C58B00, #7D6A00, #393900, #071100)
• Linen Mustard color palette (#FFF3E7, #EDCE7D, #B4A94C, #597529, #324C2B)
• Hushed Meadow color palette (#FFF3E5, #FFCC8C, #31AAF0, #AC6F00, #00324D)
• Hushed Coral color palette (#FFF3E7, #DAF4C5, #A0EFE0, #E1836B, #4A3C07)

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