Amber Lagoon color palette — #DAF0DE · #AC8320 · #4E6500 · #00386F · #001E10

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

The five colors

• Honeydew (#DAF0DE): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#AC8320): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#4E6500): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00386F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#001E10): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Soft Pier color palette (#DBEFDF, #87914C, #006D3F, #381E85, #0E1D00)
• Patina Amber Workshop color palette (#D6F1DB, #BE7547, #6F5900, #004050, #2B0A19)
• Amber Villa color palette (#FFEADA, #C26C2A, #426700, #492C79, #34302A)
• Powdered Canyon color palette (#E4F2E7, #927929, #006358, #1F1E84, #2D0010)
• Deep Olive color palette (#DFF4E9, #6E6700, #002C25, #001108, #000301)
• Hazy Olive color palette (#FAEDD8, #C79A35, #668400, #175599, #33302A)
• Powdered Navy Hollow color palette (#E6F3E9, #776300, #214600, #020068, #060600)
• Cypress Orchard color palette (#E7F6F2, #84AB8A, #27745A, #67390D, #002220)

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