Amber Lagoon color palette — #E3F2EA · #D47100 · #817E00 · #00674D · #030600

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

The five colors

• Cream (#E3F2EA): a clean, paper-quiet neutral.
• Mustard (#D47100): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#817E00): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#00674D): A full-bodied, balanced teal — the color of sea glass.
• Ink (#030600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Powdered Emerald color palette (#D5F7F1, #B59300, #469600, #006161, #000301)
• Dusty Rose Bloom color palette (#E1ECE0, #E85752, #A06700, #1F7200, #060300)
• Frosted Harbor color palette (#EFE7CF, #9C7A00, #6B6900, #294600, #020200)
• Airy Olive Orchard color palette (#EAE7C4, #567D00, #005715, #002B17, #000D0B)
• Aubergine Garden color palette (#FCEADF, #587D65, #2D5A37, #3F1754, #25000B)
• Ancient Pier color palette (#D0EEE8, #3A8569, #00504E, #521000, #000804)
• Hazy Lime Garden color palette (#D0EDF0, #95B500, #00A27B, #00769F, #000C0C)
• Pale Mulberry color palette (#DBF4F2, #239046, #7D006F, #00451A, #10000D)

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