Amber Lagoon color palette — #F8D6DD · #D07E36 · #667325 · #573E58 · #0F2E52

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F8D6DD): A whisper-light, dusty red — the color of late-summer berries.
• Mustard (#D07E36): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#667325): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#573E58): A full-bodied, dusty pink — the color of peonies in June.
• Navy (#0F2E52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Worn Cypress Coast color palette (#FDEBEA, #A78C56, #3E7852, #664155, #291F4C)
• Dusty Driftwood color palette (#F0DCF2, #C07D75, #7A673C, #254C76, #0F2A48)
• Feathered Marigold color palette (#FFE7E5, #EF9A06, #479E5D, #695498, #3E315B)
• Aged Navy Quarry color palette (#FFEAF0, #CB9689, #927523, #1D4582, #1E0C32)
• Dusty Onyx color palette (#FEE3D9, #7F7A3C, #24614C, #3A2140, #200128)
• Muted Corridor color palette (#FBE3D4, #9A7441, #665A2F, #0B4424, #003026)
• Patina Cobalt color palette (#F0E9DB, #A08300, #0079C7, #645100, #001C34)
• Ancient Amber Meadow color palette (#F2EECF, #B09100, #6F6100, #3E2F00, #0E0A00)

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