Amber Lagoon color palette — #FFF1F6 · #D37E00 · #9F8400 · #007385 · #411E2D

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D37E00): A luminous, balanced gold — the color of honey in a jar.
• Moss (#9F8400): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007385): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#411E2D): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, 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

• Ancient Balcony color palette (#FDE7F5, #CF7154, #0090A4, #006D7C, #361C2E)
• Frosted Cabin color palette (#FFF0F7, #CF6800, #6F7C00, #005895, #391400)
• Amber Pier color palette (#EBFAED, #C39737, #479EAA, #007D8B, #233928)
• Sunlit Apricot Alley color palette (#FFF1F6, #E99029, #007DB4, #44599D, #412300)
• Aged Blush color palette (#DEFFE6, #FF7680, #957B00, #2B56A8, #512915)
• Faded Moss Balcony color palette (#E5EAB6, #898D00, #0084A4, #00627A, #202100)
• Softworn Taupe color palette (#EDF9EF, #C5A669, #9198C2, #71779E, #334235)
• Washed Bronze color palette (#FFDAE9, #A35900, #006D7B, #004B56, #190900)

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