Amber Coast color palette — #DDF8FA · #56B89D · #BD7F00 · #00765F · #372200

Mustard and Jade set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#DDF8FA): A whisper-light, dusty blue — the color of deep harbor water.
• Jade (#56B89D): A luminous, balanced teal — the color of sea glass.
• Mustard (#BD7F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#00765F): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#372200): A deep, shadowed, dusty gold — the color of old brass.

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

• Gentle Amber color palette (#E0F7F5, #73B778, #D26E37, #1C782C, #411B06)
• Ancient Taupe color palette (#E4F5FB, #68C4C9, #A89F43, #008287, #153929)
• Muted Moss Lantern color palette (#E3F5FF, #00AACA, #768F00, #00667A, #1C2400)
• Sunlit Mint color palette (#EFF9E8, #00D6AF, #CF9A3D, #00967A, #46423B)
• Gentle Teal color palette (#ECFAE4, #39B69D, #BE6D85, #007764, #5D3631)
• Aged Workshop color palette (#DBF4FA, #009A98, #857100, #005857, #1B1600)
• Tempered Olive color palette (#E5F7EE, #AAB083, #7C7828, #584C0F, #112821)
• Gentle Olive Archive color palette (#E1F8F3, #81B468, #109ACD, #3F7420, #042B40)

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