Ancient Lagoon color palette — #F2F7F0 · #77DAC0 · #31A0AE · #1A957C · #16291B

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

The five colors

• Ivory (#F2F7F0): bright and airy, almost weightless.
• Lagoon (#77DAC0): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#31A0AE): A luminous, balanced blue — the color of deep harbor water.
• Fern (#1A957C): A luminous, balanced teal — the color of glacier melt.
• Onyx (#16291B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, muted, cool.

Use it as a design system

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

• Hushed Cerulean Lantern color palette (#F0F7F2, #A0DDE7, #6CA2CC, #389BAA, #1F322D)
• Tempered Teal Dune color palette (#F6F6ED, #AED28F, #05A78B, #6A8D48, #1F2719)
• Patina Turquoise Orchard color palette (#EDF7F9, #91FDE4, #00B1CA, #00A088, #03151C)
• Tempered Cerulean color palette (#F4F8DF, #68C1CB, #3992B3, #6A588D, #294433)
• Worn Thicket color palette (#D9FEFF, #73D3E2, #409EB6, #007096, #004263)
• Lagoon Pier color palette (#F1F7F1, #D2DDDA, #B3C4C2, #5C9D98, #424B41)
• Periwinkle Loft color palette (#ECF8F7, #ABE7B5, #8EA9FF, #6BB57A, #1C2433)
• Frosted Cobalt color palette (#E5F7E8, #00C2CD, #007CC8, #00787F, #001325)

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