Amber Lagoon color palette — #FFF0F9 · #A8C8A6 · #C37A5A · #8A5960 · #2D4337

Caramel takes the lead with Pewter close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Pistachio (#A8C8A6): A luminous, dusty green — the color of new leaves after rain.
• Caramel (#C37A5A): A luminous, balanced orange — the color of toasted spice.
• Pewter (#8A5960): A full-bodied, dusty red — the color of embers at dusk.
• Forest (#2D4337): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. 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

• Softworn Taupe color palette (#EFF8EF, #B1D4C3, #B59664, #8E677E, #394C48)
• Timeworn Bronze color palette (#F8E0EE, #CCA67A, #B6694A, #874250, #1C3729)
• Chalky Moss color palette (#D6F8E5, #A2C081, #988700, #895200, #0D3D3D)
• Worn Cocoa color palette (#FFF2EA, #CD9B70, #946650, #7B3E20, #543600)
• Taupe Parlor color palette (#FFF0F8, #E9C5D5, #CDA18B, #A07B94, #4C363E)
• Dusty Peony Grove color palette (#F2F2FF, #E4A7E1, #D7688F, #A44C1F, #543600)
• Pale Chestnut Courtyard color palette (#F2D9E5, #B0842D, #964700, #692027, #001C11)
• Amber Study color palette (#F2F5FE, #C2BAFF, #C97925, #7F73C2, #301E25)

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