Amber Lagoon color palette — #FBF4EB · #DEE6B5 · #F5B6D7 · #BC933A · #61393A

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Celadon Mist (#DEE6B5): A whisper-light, dusty green — the color of new leaves after rain.
• Carnation (#F5B6D7): A whisper-light, balanced rose — the color of pressed rose petals.
• Mustard (#BC933A): A luminous, balanced gold — the color of honey in a jar.
• Cocoa (#61393A): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Hushed Lagoon color palette (#FEF3ED, #EED7BF, #D4BFFC, #DF7A5A, #5B3B49)
• Patina Mustard Field color palette (#FBF4E7, #E7D594, #9BCBFF, #BEA753, #5B435E)
• Muted Basalt color palette (#FCF4E7, #D9DEC4, #BFAB8B, #907550, #4F3D00)
• Washed Amber color palette (#FEF3E7, #E4E1B2, #97DDC3, #CD8A19, #1E5140)
• Antique Terrace color palette (#F6F6ED, #C7DECB, #7E8C63, #4F4700, #1D1C0E)
• Patina Coral color palette (#FEF4E2, #E1CA8A, #8DCBA4, #D78A85, #3B3831)
• Blush Summit color palette (#FDF5DE, #D7CC42, #FF809C, #8A8100, #5B0023)
• Mustard Cabin color palette (#ECF9EF, #C8AD67, #4EAAA1, #886F2A, #335359)

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