Amber Lagoon color palette — #FFF1F5 · #CE9DFF · #D18500 · #008785 · #00383D
A conversation between Mustard and Lavender, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Lavender (#CE9DFF): A luminous, balanced violet — the color of wild irises.
- Mustard (#D18500): A luminous, balanced gold — the color of honey in a jar.
- Teal (#008785): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#00383D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Optimism, Creativity, Balance. Tagged cool.
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
- Tangerine Summit color palette (#FFF0FA, #A6AFFF, #F76314, #008A66, #00373F)
- Fuchsia Corridor color palette (#FFF1F2, #FF80EC, #A89C00, #007FB0, #003259)
- Wandering Wisteria Station color palette (#F0DBE1, #C182EB, #A87C00, #006D81, #002332)
- Taupe Terrace color palette (#F4E7FF, #F2B5D8, #DD9783, #51979D, #005160)
- Hushed Station color palette (#FFF2EE, #F8B2B7, #82BA7E, #7483BB, #593644)
- Clover Cabin color palette (#FEF3E5, #D6D382, #82B757, #8B7FB4, #3F3C10)
- Feathered Archive color palette (#F9E6E8, #C961C2, #7B7600, #005686, #000E32)
- Muted Blush color palette (#FFE0D9, #FF7297, #709A00, #006BB0, #240961)
Browse the whole catalog at Explore, or see today's palette.