Amber Coast color palette — #FFF3E8 · #DB7800 · #966600 · #006375 · #2C0004

Mustard and Ochre set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Mustard (#DB7800): A luminous, balanced gold — the color of old brass.
• Ochre (#966600): A full-bodied, balanced gold — the color of honey in a jar.
• Peacock (#006375): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#2C0004): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Pale Olive color palette (#FEF3E8, #C88F3F, #7C7800, #005681, #1C0700)
• Pale Marigold color palette (#FFF3E6, #E99B3F, #B16C00, #005C68, #440600)
• Coral Delta color palette (#FFF2ED, #F85E5E, #C34000, #005752, #26061D)
• Muted Bronze Drift color palette (#FFF3E5, #AD7200, #855700, #00455A, #040000)
• Dusty Ridge color palette (#FFF4DF, #FF98D2, #C37004, #004FB6, #49111A)
• Wandering Veranda color palette (#E7FCE9, #946B00, #6E4E00, #00453D, #3B1528)
• Aubergine Corridor color palette (#FFF4E0, #B18900, #007B59, #4E0088, #040200)
• Dusty Ember Canyon color palette (#FFF2EA, #E46900, #453C11, #270C00, #050000)

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