Amber Lagoon color palette — #FEF3E9 · #C78850 · #397A8F · #67456C · #58383F

Built around Mustard, softened by Charcoal Brown — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF3E9): a clean, paper-quiet neutral.
• Mustard (#C78850): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#397A8F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#67456C): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#58383F): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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

• Patina Taupe Workshop color palette (#F8F5EB, #9A9E4F, #6D6A9B, #6C4365, #5B373B)
• Aged Oat color palette (#FFF3E8, #CDCAAC, #8A9784, #7D676B, #5F4741)
• Tempered Corridor color palette (#F7F5EA, #ABBA74, #5C9C80, #34737F, #5C391C)
• Dusty Hollow color palette (#E8F5F2, #8CA671, #328170, #115467, #392100)
• Olive Workshop color palette (#FCF3EF, #C4F1E7, #6AA1BE, #667733, #5E4C5D)
• Chalky Study color palette (#F9F2DA, #7B7D00, #3A4E94, #65193A, #47120C)
• Hushed Iris Workshop color palette (#FBF2F7, #F4B79E, #6DBC9E, #8979C5, #5F3626)
• Worn Mulberry color palette (#E0EED1, #008262, #870060, #650203, #321700)

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