Turquoise Veranda color palette — #FCF2F8 · #A7E2DD · #22A7BC · #457957 · #1B3E56

A conversation between Cyan and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Sea Foam (#A7E2DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#22A7BC): A luminous, balanced blue — the color of open sky before noon.
• Teal (#457957): A full-bodied, dusty teal — the color of sea glass.
• Navy (#1B3E56): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Turquoise Veranda 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

• Periwinkle Alley color palette (#FFF0F7, #B2DAF7, #6798D5, #007C7D, #2D3A56)
• Forest Grove color palette (#FAF2FB, #A7CCD6, #32849B, #1D6323, #183D5F)
• Misty Emerald Pier color palette (#FFF2EF, #CDE9CB, #52C1E4, #3DA449, #153C61)
• Tempered Teal Bloom color palette (#EBE0E8, #1CA6A8, #006377, #003E26, #000A15)
• Weathered Powder color palette (#FCF2F5, #DBDEED, #9BB0E2, #5F8EA1, #4C5265)
• Tempered Pier color palette (#E3F4E3, #EFAA32, #3C87D7, #976700, #1A3756)
• Timeworn Studio color palette (#EDDDE6, #3FB1D4, #006BA9, #004B45, #030C3D)
• Bronze Summit color palette (#D9EFD7, #C0AD72, #A3763E, #724E64, #17372C)

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