Amber Lagoon color palette — #FAF3F6 · #E3DED1 · #C5AC69 · #CC8851 · #112317

Built around Mustard, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Bone (#E3DED1): a clean, paper-quiet neutral.
• Camel (#C5AC69): A luminous, balanced gold — the color of honey in a jar.
• Mustard (#CC8851): A luminous, balanced gold — the color of afternoon light on wheat.
• Onyx (#112317): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication. Tagged duotone, muted.

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

• Blush Study color palette (#F8F3F9, #E6DAD5, #DD9D82, #D97888, #261A21)
• Ancient Amber color palette (#F0F7F2, #C1E2CC, #8FBD83, #B39829, #0A2320)
• Softworn Ridge color palette (#F9F3F7, #FFD2C7, #79CD95, #E7917B, #1F3231)
• Aged Bronze color palette (#FBF4ED, #EDB281, #897F37, #906138, #302E27)
• Washed Pier color palette (#E9FAF0, #BEE9CE, #9EA970, #20837D, #2D4539)
• Washed Stone color palette (#F2F7F1, #D3DBDA, #AEB0BF, #CFA671, #494F49)
• Feathered Moss Terrace color palette (#ECF9ED, #FFD17C, #849F00, #A27500, #080C00)
• Dusty Olive Coast color palette (#DEFFE3, #B5E6E0, #C1BB7E, #797F27, #314500)

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