Amber Coast color palette — #E2F7F1 · #6BAADF · #A58C00 · #1B69A1 · #2F2700

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

The five colors

• Cream (#E2F7F1): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#6BAADF): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#A58C00): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#1B69A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#2F2700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Antique Petrol Quarry color palette (#FBECFC, #6AA8EB, #C9753F, #0D66B2, #3F1C04)
• Patina Ultramarine Parlor color palette (#FDECF7, #949DE6, #7BA13F, #5054AE, #1E2D02)
• Wandering Bronze Pier color palette (#DEF9EE, #3E97C7, #8C8200, #60750F, #08241B)
• Pale Archive color palette (#EFF6FF, #95B6FF, #D09948, #647FB9, #2F4A2F)
• Mustard Drift color palette (#EFF6FF, #BCD6FF, #F0AF2D, #5587DA, #4A3409)
• Tempered Denim Grove color palette (#FCEDF5, #98C090, #504A8D, #252244, #13090F)
• Worn Mallow color palette (#E3F7F2, #E7D4CA, #FDA8C4, #3F93A0, #412D3C)
• Bronze Canyon color palette (#FFEEE4, #C6A57A, #A75F3F, #684037, #29220E)

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