Turquoise Lagoon color palette — #FCF3EF · #B8EFFF · #6FACD6 · #46887D · #553F54

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Frost (#B8EFFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#6FACD6): A luminous, balanced blue — the color of open sky before noon.
• Fern (#46887D): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#553F54): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: 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

• Turquoise Basin color palette (#FCF3EF, #CBF0D3, #5EB1D2, #4A8973, #255147)
• Timeworn Periwinkle color palette (#FFF3E9, #A6DDFD, #6A97D4, #007B7F, #33375A)
• Washed Teal color palette (#F9F3F7, #D3DFF5, #97C2ED, #0EB190, #394768)
• Powder Villa color palette (#F0F9E2, #CFE2FD, #BDC3EF, #89986E, #495342)
• Dusty Blush Bloom color palette (#F1F9E0, #77CD97, #E083A5, #3D9461, #5E3342)
• Hushed Teal Lagoon color palette (#F1DBD0, #2EA4AD, #00627B, #003D2B, #000A17)
• Worn Sapphire color palette (#F1E5D9, #83B7E4, #4B6DD0, #005862, #1F1641)
• Seafoam Pier color palette (#E7FED9, #6EE8C9, #21AD98, #006E5F, #00362A)

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