Amber Lagoon color palette — #FFF1F5 · #D99027 · #00733E · #6C4300 · #000201

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mustard (#D99027): A luminous, balanced gold — the color of honey in a jar.
• Pine (#00733E): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#6C4300): A full-bodied, balanced gold — the color of old brass.
• Black (#000201): quiet, heavy and certain.

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

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

• Worn Amber color palette (#DBF0E1, #AB8A00, #005E2D, #493A00, #000200)
• Frosted Tangerine Boulevard color palette (#FFF0FA, #F37A54, #6E6000, #882700, #000201)
• Dusty Moss Boulevard color palette (#E8FAF3, #9AAD39, #006E6B, #495400, #000102)
• Wandering Moss Summit color palette (#F2E6CE, #AAA100, #596A00, #0A3C02, #000502)
• Tempered Navy Veranda color palette (#D8F8DE, #9F8900, #266500, #101C70, #040400)
• Dusty Archive color palette (#E9FAF1, #D7C626, #009189, #776D00, #000202)
• Apricot Balcony color palette (#EBDDE4, #F6883F, #009B5F, #B75700, #000404)
• Wandering Terrace color palette (#F7E9E1, #CA4600, #004F4A, #601D00, #000200)

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