Amber Lagoon color palette — #FAF3F5 · #E7D8D6 · #9DB97F · #CC893E · #0E231E

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

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Bone (#E7D8D6): a clean, paper-quiet neutral.
• Sage (#9DB97F): A luminous, balanced green — the color of a quiet forest floor.
• Mustard (#CC893E): A luminous, balanced gold — the color of honey in a jar.
• Onyx (#0E231E): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Timeworn Market color palette (#F1F7F3, #BDEAD0, #75C19F, #AC9A3E, #082324)
• Aged Terrace color palette (#FAF2F8, #FFD2C5, #51CEC3, #E89176, #203135)
• Patina Coast color palette (#F1F7F0, #D9AE79, #32A1B5, #6960AB, #2B1E2D)
• Ancient Cobalt Drift color palette (#EDF9EF, #EADDAD, #90AC7F, #5771A9, #2E453B)
• Muted Lagoon Veranda color palette (#FAF4EE, #E7B583, #528D56, #8D6337, #2D2F28)
• Muted Grove color palette (#F1F7F2, #D3DCDB, #B6B3BE, #C5AB6E, #475049)
• Chalky Courtyard color palette (#DEFFE4, #B3E7E2, #B4BF85, #528C3B, #004925)
• Soft Moss color palette (#EEF8F5, #CFF3B4, #38B2B2, #679B32, #00161C)

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