Lagoon Bloom color palette — #DAF0FA · #009A7F · #007481 · #003973 · #000305

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

The five colors

• Frost (#DAF0FA): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#009A7F): A luminous, balanced teal — the color of sea glass.
• Teal (#007481): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003973): A deep, shadowed, 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 Lagoon Bloom 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

• Washed Emerald Studio color palette (#C9EAF0, #009749, #006C62, #004357, #000606)
• Gentle Nightshade color palette (#CCE9FC, #00999D, #006386, #2B1793, #000611)
• Muted Meadow color palette (#D5E4D8, #27928D, #00454C, #002317, #000B10)
• Linen Nightshade Boulevard color palette (#E0EDE4, #00AF65, #00869C, #3F31C8, #00050A)
• Hushed Ultramarine color palette (#E3EFFF, #0086AF, #0054C4, #4E1387, #010010)
• Twilit Petrol color palette (#CFF2FF, #006993, #00345D, #001144, #0D001B)
• Muted Petrol color palette (#C6E9EF, #0075AE, #283168, #380E09, #200311)
• Sunlit Cobalt color palette (#D2E9DA, #00B6B9, #4990CE, #007EBA, #000305)

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