Teal Lagoon color palette — #DCF2FC · #00A790 · #007787 · #005085 · #000305

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

The five colors

• Frost (#DCF2FC): A whisper-light, dusty blue — the color of deep harbor water.
• Turquoise (#00A790): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007787): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005085): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#000305): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, 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

• Ultramarine Bloom color palette (#D2ECFD, #009D99, #007896, #160BEE, #000204)
• Gentle Moss Bloom color palette (#D8EBEC, #3CA900, #008267, #004F60, #000303)
• Linen Aubergine color palette (#DFEEFA, #0099A0, #0078BA, #4800B1, #000109)
• Navy Coast color palette (#CDF6F9, #3A6F86, #253E80, #4A0005, #120400)
• Aged Sapphire Thicket color palette (#D8E9DB, #00BD96, #009DB0, #0067C0, #001117)
• Wandering Boulevard color palette (#E1F5E4, #00A533, #007F86, #4803CB, #000C16)
• Pale Nightshade color palette (#D9E5DB, #5E8FB9, #003DA9, #002A35, #02001C)
• Worn Petrol color palette (#C5EBF5, #006D93, #003F68, #001836, #010025)

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