Lagoon Garden color palette — #FFF0F7 · #00A28F · #006797 · #6C3300 · #003E42

Fern and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Fern (#00A28F): A luminous, balanced teal — the color of sea glass.
• Peacock (#006797): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#6C3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Teal (#003E42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.

Use it as a design system

One click turns Lagoon Garden 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

• Weathered Ultramarine color palette (#E0FEE8, #009DB2, #3C56B8, #564200, #003B52)
• Chalky Orchard color palette (#FFF0FA, #3AA35F, #006D7A, #84002A, #004033)
• Muted Workshop color palette (#FBD1DF, #008985, #004F88, #4B2A00, #002A31)
• Patina Ultramarine color palette (#E0FCF9, #009745, #3147C6, #7A0D00, #003C17)
• Patina Pine color palette (#E9FAED, #A2A970, #427937, #005E57, #3A3E12)
• Aubergine Cabin color palette (#D5FFFB, #00BCD4, #0088B9, #6E3F9D, #003C4A)
• Hushed Studio color palette (#CBF7D8, #86B7C7, #547CA0, #824D21, #4D4D0F)
• Weathered Grape color palette (#CBF1C2, #0087BD, #5E24B6, #313E00, #00265B)

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