Amber Lagoon color palette — #DFE7FF · #00C4BB · #D98000 · #2B2200 · #240E17

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

The five colors

• Frost (#DFE7FF): A whisper-light, dusty violet — the color of wild irises.
• Turquoise (#00C4BB): A luminous, balanced teal — the color of shallow lagoons.
• Mustard (#D98000): A luminous, balanced gold — the color of honey in a jar.
• Onyx (#2B2200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#240E17): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Faded Amber color palette (#F5E9FF, #00C5B5, #C38E00, #1C321C, #051C0B)
• Ember Drift color palette (#D3E2EE, #00CA7C, #FF573B, #3A1E00, #251221)
• Gentle Ember color palette (#F6E3FF, #00B4A3, #FB3917, #340300, #0D020B)
• Chalky Amber Meadow color palette (#DBEFF3, #9FBDFF, #DA6F00, #461F00, #210E00)
• Faded Villa color palette (#EFD8E2, #54BFFF, #97AF00, #09383B, #0F221C)
• Misty Lime color palette (#FFE3EB, #6ED300, #EF9700, #6D4200, #201000)
• Soft Mustard color palette (#E7DFFF, #1AF2C9, #FCAB04, #354C46, #2E342E)
• Chalky Workshop color palette (#D4EEFF, #A4B700, #FF4F6B, #381300, #1B0E1B)

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