Amber Lagoon color palette — #E7FAF3 · #5AA9D7 · #C86F2B · #006E9B · #5E371D

A conversation between Pumpkin and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E7FAF3): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#5AA9D7): A luminous, balanced blue — the color of deep harbor water.
• Pumpkin (#C86F2B): A luminous, balanced gold — the color of old brass.
• Peacock (#006E9B): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5E371D): A deep, shadowed, dusty gold — the color of honey in a jar.

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

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 Ember Pier color palette (#ECF9EE, #3FB2BC, #CE655E, #00737C, #5F3531)
• Linen Turquoise Delta color palette (#E0F9ED, #33B2E1, #BE7D35, #006F90, #3B2000)
• Frosted Ultramarine color palette (#FEF0FB, #819CE7, #A8840D, #455FB1, #514012)
• Soft Harbor color palette (#EEF6FF, #77BEFF, #E78861, #4A85BB, #57364B)
• Raspberry Field color palette (#DFFDF3, #3390D0, #C24C72, #5E722D, #233E36)
• Feathered Boulevard color palette (#F5DBF4, #237FFB, #946600, #0049A3, #3F2900)
• Frosted Harbor color palette (#FFF0F8, #967EEE, #868300, #652BCE, #3E3D00)
• Bronze Archive color palette (#FDF4E2, #B2A781, #86711C, #694B1C, #453E00)

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