Amber Lagoon color palette — #FFF0F7 · #DD7200 · #009387 · #006675 · #2D2839

A conversation between Tangerine and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Tangerine (#DD7200): A luminous, vivid gold — the color of honey in a jar.
• Fern (#009387): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#006675): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#2D2839): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, 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

• Coral Bloom color palette (#FEF0FE, #E96E71, #00947B, #0F715E, #272A3F)
• Wandering Apricot color palette (#FFF1F7, #EB8836, #009581, #5C5687, #373257)
• Frosted Denim Station color palette (#FEF3EB, #D59676, #009184, #175AA5, #301417)
• Weathered Amber Terrace color palette (#EDF9EE, #CD8E25, #4C7BC6, #405C87, #31293A)
• Blush Studio color palette (#FBF2FD, #DE708B, #008E9A, #6B4880, #302433)
• Timeworn Apricot color palette (#E8FBEB, #F29859, #878C49, #53618D, #2F4330)
• Petrol Pier color palette (#E6FDE4, #AD6C00, #006CAE, #005082, #2F062A)
• Amber Study color palette (#D9EADC, #B48700, #30564A, #243227, #1E1619)

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