Teal Lagoon color palette — #F7F5ED · #D5FDCB · #31C5C5 · #9E9F57 · #192119

Aqua and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F5ED): bright and airy, almost weightless.
• Honeydew (#D5FDCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Aqua (#31C5C5): A luminous, balanced teal — the color of shallow lagoons.
• Moss (#9E9F57): A luminous, balanced green — the color of new leaves after rain.
• Onyx (#192119): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Teal 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

• Sky Archive color palette (#F5F6EF, #B2EAEF, #52BCE8, #7CA873, #16211C)
• Aged Dune color palette (#EDF8F5, #C8EBA9, #80C8B5, #97B77B, #233132)
• Mint Market color palette (#FBF4EE, #E0DBCE, #7AC192, #C28D60, #1D2013)
• Azure Station color palette (#F8F5EA, #BBC384, #5697D8, #925963, #2A2719)
• Airy Chartreuse color palette (#F7F6E6, #AFF068, #00A2C5, #5B9000, #000E06)
• Washed Courtyard color palette (#EFF7F4, #9BCCBC, #3D8B8E, #667534, #203136)
• Teal Market color palette (#FFF2EA, #C2EBB0, #4AB5B4, #975F75, #3E4039)
• Periwinkle Delta color palette (#F3F6F0, #A0FAE1, #719BF3, #00A185, #1A0D19)

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