Amber Coast color palette — #FFDCD2 · #DF7F4D · #9A5300 · #563400 · #211400

Built around Coral Clay, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FFDCD2): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#DF7F4D): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#9A5300): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#563400): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#211400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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 Atelier color palette (#F4E7D9, #D09200, #7D6000, #413900, #191900)
• Soft Coral Atelier color palette (#FFDCE3, #E4707E, #AA443D, #6C1F05, #2F0D00)
• Pale Amber Balcony color palette (#FFF1F4, #FFB7AE, #CE793F, #745100, #232200)
• Muted Ember color palette (#D6F2D5, #DB5F0E, #814E00, #204217, #280D1C)
• Antique Station color palette (#F5D9CC, #AA5A00, #643C00, #301F00, #090500)
• Feathered Apricot color palette (#FFEBF6, #FFB2A7, #F18950, #A26800, #240E00)
• Bronze Quarry color palette (#FFD1F2, #E79295, #B5683C, #765500, #293700)
• Weathered Taupe Corridor color palette (#EFDBCC, #C1A073, #837846, #325554, #003237)

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