Weathered Lagoon color palette — #FFF4E2 · #DB7C2A · #7C690B · #14556C · #413C36

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#DB7C2A): A luminous, balanced gold — the color of old brass.
• Olive (#7C690B): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#14556C): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#413C36): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro, 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

• Amber Market color palette (#FCF0DE, #D1876B, #786C22, #344470, #301F0C)
• Soft Amber color palette (#FFF3E7, #C47200, #007649, #244975, #52283D)
• Weathered Moss Pier color palette (#FFF4E2, #A69B16, #407941, #434B71, #3E3D36)
• Muted Blush Thicket color palette (#FFF4E2, #DE6F87, #9C532A, #0E5A4E, #433B38)
• Weathered Marigold Grove color palette (#FFF3E7, #EED7BD, #EAA14F, #858844, #3D3933)
• Antique Apricot color palette (#E6FCEA, #E79C7F, #928748, #50628E, #4E353E)
• Frosted Bronze Archive color palette (#FCE1AA, #A47200, #4E5900, #003A65, #332800)
• Hushed Stone color palette (#FFF3E8, #BFAE7B, #8D8B6E, #496960, #5F4D58)

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