Amber Lagoon color palette — #FFF1F6 · #FFC893 · #6DC8EE · #C37400 · #003F53

Mustard and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Cantaloupe (#FFC893): A whisper-light, balanced gold — the color of honey in a jar.
• Sky (#6DC8EE): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#C37400): A luminous, balanced gold — the color of honey in a jar.
• Deep Teal (#003F53): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged light.

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

• Hazy Summit color palette (#FFF3E8, #FEBB8A, #63CAFF, #DF8539, #224C3D)
• Pale Amber Ridge color palette (#E8FBED, #E9D299, #A1B8FD, #AA8400, #283561)
• Rose Field color palette (#FDF1FA, #FFC3BC, #35D2DE, #E35149, #004146)
• Aged Pier color palette (#FFF0F7, #C3E8C9, #C5916E, #9A5353, #1F372E)
• Dusty Meadow color palette (#FFECF4, #E7893A, #3598C9, #945112, #0A2A3E)
• Airy Bloom color palette (#E4FCEE, #C8BD74, #47BDC8, #009ED6, #103322)
• Washed Stone color palette (#FFF1F7, #C6E4F1, #A3BFD9, #E19AAA, #384E37)
• Hushed Marigold color palette (#E5FDE2, #C9DEC2, #CD9D52, #844F00, #301C00)

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