Amber Lagoon color palette — #F8E0ED · #E2B2C2 · #CE8B6B · #A86363 · #193824

A conversation between Camel and Mocha, giving this palette its sense of nature and growth.

The five colors

• Blush (#F8E0ED): A whisper-light, dusty pink — the color of a candy shop window.
• Ballet Pink (#E2B2C2): A luminous, dusty rose — the color of a warm blush.
• Camel (#CE8B6B): A luminous, balanced orange — the color of autumn markets.
• Mocha (#A86363): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#193824): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged earthy, warm, 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

• Weathered Terracotta color palette (#F4E5DA, #CEA486, #A97154, #8E4026, #352F2A)
• Weathered Study color palette (#FFE7F2, #EBC082, #DF8D55, #C05E53, #3F3501)
• Softworn Station color palette (#DEECE1, #A2CDB9, #BA994F, #A76933, #133830)
• Weathered Chestnut color palette (#F6DAC7, #BD8E5A, #925130, #5E2D2E, #201604)
• Hushed Bronze Alley color palette (#E9EEFF, #AD9EF2, #D084AE, #B17400, #272041)
• Feathered Garnet color palette (#EFDCE7, #A7743F, #9D3E07, #7A0020, #050300)
• Azure Harbor color palette (#EEF6FD, #8AD5FF, #DD80AE, #00A2DF, #1F1228)
• Ancient Lagoon color palette (#E4F0FA, #FCB4A1, #4190C1, #205C80, #0A1722)

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