Amber Lagoon color palette — #F4E7D4 · #B77D00 · #586200 · #003B63 · #211600

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

The five colors

• Parchment (#F4E7D4): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B77D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#586200): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#003B63): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#211600): A deep, shadowed, dusty gold — the color of old brass.

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

• Tempered Field color palette (#F5E7D1, #928F00, #006F29, #2D2E73, #1C1800)
• Washed Bronze Archive color palette (#F5ECDE, #9E7400, #00654B, #003364, #27021F)
• Amber Corridor color palette (#DFF6DE, #C86900, #41671C, #36396E, #1C3723)
• Faded Ember color palette (#F4E7D3, #CF655A, #804E00, #004244, #2A1000)
• Washed Chestnut Lagoon color palette (#FAEEDB, #7E6000, #2E4300, #001C45, #070500)
• Linen Harbor color palette (#D8F8DE, #D69200, #74800F, #2B597F, #1E3727)
• Powdered Olive Hollow color palette (#FFF3E7, #F59E73, #708A19, #50438B, #301D00)
• Cypress Villa color palette (#EFE0C8, #A5AC7D, #567E5D, #3D4B71, #40212E)

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