Weathered Lagoon color palette — #FFF2EF · #E8D6CD · #EF917C · #9D6A43 · #57524C

A conversation between Salmon and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E8D6CD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Salmon (#EF917C): A luminous, balanced orange — the color of toasted spice.
• Walnut (#9D6A43): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#57524C): a grounded near-black with real depth.

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

Use it as a design system

One click turns Weathered 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 Summit color palette (#FEF3EC, #E2DCC3, #DA9E89, #947066, #553900)
• Ancient Coast color palette (#FEF0FF, #E6A29F, #AF6D59, #825339, #6A4855)
• Frosted Apricot Dune color palette (#FFE6E2, #FE893E, #B17100, #614B00, #1F1E00)
• Washed Market color palette (#FFF2EA, #DFDCC7, #DFB45D, #8D8340, #484740)
• Ancient Driftwood Field color palette (#F1DFFF, #E39EA2, #B66F5E, #7B5230, #213926)
• Softworn Corridor color palette (#FFF2EB, #EDD7BE, #87D8FF, #D38165, #2F4E41)
• Tempered Amber color palette (#FFF1F1, #FFB394, #D17100, #875900, #3A3200)
• Weathered Cocoa color palette (#FFEBCC, #D7C9CB, #7C7970, #684500, #25221D)

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