Teal Lagoon color palette — #EDF4EB · #03B3A5 · #40604F · #323B2F · #21221E

Turquoise and Pine set the tone — five colors that lean into sophistication.

The five colors

• Cream (#EDF4EB): a clean, paper-quiet neutral.
• Turquoise (#03B3A5): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#40604F): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#323B2F): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#21221E): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Dusty Aqua Study color palette (#E1F7FB, #5ACDBF, #6C7E8C, #49575A, #1A2423)
• Hushed Alley color palette (#E9F5F0, #39A7DB, #684F63, #2A3D35, #1D231F)
• Cerulean Parlor color palette (#D3E7D8, #0098A7, #1C496A, #0E2E19, #0D140A)
• Tempered Coral color palette (#E7FBEC, #6DC0CE, #E9837E, #A89048, #38473C)
• Weathered Grove color palette (#EEF8F2, #83D2E8, #E69E71, #279BB6, #524C47)
• Patina Driftwood color palette (#F6F6EE, #CAD7B6, #6BA9A1, #848138, #425510)
• Petrol Grove color palette (#D8F3E9, #006799, #1F272F, #1A1C50, #000D08)
• Pale Indigo Grove color palette (#EBD9E6, #515DFF, #4B1E68, #2B0E25, #000A07)

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