Turquoise Lagoon color palette — #F9F3F8 · #C0EDFD · #5CB0D9 · #4D8A64 · #344964

Cyan and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Frost (#C0EDFD): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#5CB0D9): A luminous, balanced blue — the color of open sky before noon.
• Fern (#4D8A64): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#344964): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Turquoise 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 Powder color palette (#FAF3F6, #DADEED, #99B1E2, #56938E, #4D5167)
• Aged Azure color palette (#FBF2F7, #B7DAEE, #479AE7, #007E66, #2D3A57)
• Wisteria Veranda color palette (#E1FBFB, #7DCBA0, #C987DC, #2B9665, #503758)
• Ancient Taupe color palette (#E2FBF7, #CCDEF1, #BAC3F5, #A19255, #395357)
• Gentle Ultramarine Meadow color palette (#E0E7DF, #6498C5, #3E3CCB, #003B3D, #100021)
• Washed Basin color palette (#EADFE6, #45B2C9, #006CA7, #004C37, #080642)
• Washed Courtyard color palette (#EEF9EE, #9FC9B3, #B18749, #895C4C, #2C423D)
• Sapphire Balcony color palette (#EBDAE1, #85B9D4, #226CE6, #005A52, #1F1740)

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