Amber Coast color palette — #FFF1F1 · #FFB29A · #CE7101 · #875700 · #362A00

Mustard and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Melon (#FFB29A): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#CE7101): A luminous, balanced gold — the color of old brass.
• Ochre (#875700): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#362A00): 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

• Terracotta Boulevard color palette (#FFF3E8, #DDC39D, #B17D51, #884030, #2B2000)
• Amber Meadow color palette (#FFE8DF, #FF9F69, #E47900, #AA6400, #52340B)
• Linen Amber Archive color palette (#FEDCD7, #E2783F, #995700, #453000, #131200)
• Amber Pier color palette (#FFF2EB, #E9B06A, #B88E00, #5F5700, #273C00)
• Faded Station color palette (#FFF0F8, #FCA0B3, #D86166, #9A3700, #4C2900)
• Amber Parlor color palette (#F1DFD4, #BA7A00, #664B00, #232300, #030600)
• Gentle Turquoise color palette (#FFF3E5, #E5B57C, #00B7E7, #A26800, #002D3B)
• Olive Delta color palette (#EFE7D9, #7C7300, #333E00, #071E00, #000201)

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