Amber Lagoon color palette — #FFF2EA · #E4AC86 · #B67621 · #785E26 · #535049

A conversation between Ochre and Sand, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#E4AC86): A luminous, balanced gold — the color of old brass.
• Ochre (#B67621): A luminous, balanced gold — the color of old brass.
• Coffee (#785E26): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#535049): a grounded near-black with real depth.

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

• Muted Quarry color palette (#FEF3E6, #C5B69A, #9A7A4C, #83501B, #584500)
• Periwinkle Atelier color palette (#FBF4EA, #CBAA77, #7099DD, #946A1B, #5B445A)
• Worn Orchard color palette (#FFF1F6, #FBCDA1, #D9AA6F, #A98952, #3D5844)
• Softworn Ember color palette (#FFF2F0, #E59BA2, #C86A68, #8A513F, #524F48)
• Amber Workshop color palette (#F8E4D2, #CC8E00, #846B00, #595200, #004921)
• Softworn Boulevard color palette (#FCF4E8, #C1E3CD, #7FCDD6, #AC896A, #644C00)
• Tempered Station color palette (#FFF4E2, #B4934B, #249AA6, #936295, #46423B)
• Softworn Olive Market color palette (#E3E0D2, #828400, #3E5900, #0A3400, #00220E)

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