Amber Coast color palette — #F3DBDA · #D87846 · #9C5500 · #503600 · #231E00

A conversation between Coral Clay and Ochre, giving this palette its sense of optimism and balance.

The five colors

• Shell Pink (#F3DBDA): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#D87846): A luminous, balanced orange — the color of toasted spice.
• Ochre (#9C5500): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#503600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#231E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: 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

• Quiet Amber color palette (#EEDED4, #C58713, #786500, #3F4200, #132300)
• Sunlit Amber Courtyard color palette (#FFEFE7, #FFAD75, #D47A00, #7D4C00, #3E2700)
• Antique Hollow color palette (#FBE0D7, #AE5100, #664000, #2E2300, #0D0F00)
• Gentle Garden color palette (#FBD6E6, #D0687D, #BD2700, #632800, #311900)
• Antique Corridor color palette (#FFF1D0, #CEA452, #876300, #462E00, #100900)
• Airy Pier color palette (#F7E3EA, #D88D39, #266BC6, #7A4700, #001A41)
• Mint Archive color palette (#FFECF3, #E1D9AB, #70C28C, #9A5647, #152C1E)
• Feathered Ultramarine color palette (#F4D6DF, #AD6A00, #0075B1, #444DB1, #230A14)

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