Amber Lagoon color palette — #FFDCD7 · #F6B488 · #C59631 · #767900 · #053C06

A conversation between Mustard and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDCD7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cantaloupe (#F6B488): A whisper-light, balanced gold — the color of old brass.
• Mustard (#C59631): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#767900): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#053C06): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Amber Lagoon 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 Drift color palette (#FFD2DF, #F7A89D, #E68247, #956E00, #383500)
• Bronze Canyon color palette (#FFD8A8, #CFAB60, #997C00, #605900, #333700)
• Tempered Coast color palette (#FFF2E7, #E8CB9C, #B3B757, #589435, #00482D)
• Wandering Veranda color palette (#FBDFC4, #A68A00, #6F7900, #06560E, #000E0A)
• Tempered Amber color palette (#FFE3DB, #DE8027, #7B6300, #353D00, #012102)
• Indigo Boulevard color palette (#FFEBD2, #EFA780, #A09C3F, #696AB9, #452A02)
• Amber Studio color palette (#E8DCCA, #BE9435, #5D673F, #403C35, #130B06)
• Pine Coast color palette (#FFDFB3, #CAC474, #7CB263, #008A5D, #003B38)

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