Amber Lagoon color palette — #FCD9CB · #C17500 · #745900 · #424300 · #063904

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

The five colors

• Shell Pink (#FCD9CB): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#C17500): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#745900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#424300): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#063904): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Aged Ridge color palette (#FFDBDA, #F16305, #8E5900, #504600, #063C1A)
• Marigold Coast color palette (#F3DDC7, #DE9700, #927600, #615600, #323900)
• Sunlit Amber Balcony color palette (#F3E1CC, #AD9200, #607100, #005212, #004131)
• Ancient Hollow color palette (#ECDEB0, #84983E, #6F5900, #5C2E00, #053213)
• Velvet Chestnut color palette (#F3DCC3, #7E5D00, #323000, #0E2000, #001109)
• Tempered Grove color palette (#FFF4CC, #B2E498, #0DB6C2, #A04800, #3D3D00)
• Amber Terrace color palette (#FFDCE2, #CBA8FF, #AC7F00, #292D0D, #1F1506)
• Hushed Parlor color palette (#F0E5BD, #9A9A22, #0F4EE2, #525200, #032373)

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