Amber Lagoon color palette — #FFF1F2 · #FFB89B · #BD7E00 · #6B5800 · #192700

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFB89B): A whisper-light, balanced orange — the color of sun-warmed clay.
• Mustard (#BD7E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#6B5800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#192700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Amber Drift color palette (#F7D9CB, #B97900, #5A5000, #152900, #000201)
• Ember Ridge color palette (#FFF0F9, #FFBAC5, #DD6C3F, #794800, #2D2300)
• Patina Drift color palette (#FFF2EC, #F9C06C, #9E9200, #446500, #002713)
• Timeworn Marigold color palette (#FFDECB, #FFAF60, #CF922E, #946D00, #3A2F00)
• Tangerine Terrace color palette (#FFE5E0, #F37C0F, #846200, #312F00, #010500)
• Frosted Villa color palette (#FFF4E1, #FF957E, #997A00, #2E4D91, #321B07)
• Muted Coral color palette (#F6E0E7, #D87D6E, #8C5C00, #3D3900, #021D01)
• Muted Olive color palette (#F7E9CE, #7D7800, #1D4700, #00180F, #000202)

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