Teal Coast color palette — #FFF2EA · #BFEDFF · #7FBAFF · #00A88F · #393A66

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Frost (#BFEDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#7FBAFF): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00A88F): A luminous, balanced teal — the color of sea glass.
• Navy (#393A66): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Teal Coast 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

• Frosted Emerald color palette (#FDF2EF, #9EF6F7, #2DC8F9, #2EAB55, #1C416B)
• Patina Pier color palette (#FCF4E7, #D8D7E5, #4BB8FF, #00878D, #1B3558)
• Timeworn Powder color palette (#F9F4EF, #C5DFEF, #AFC5FF, #72AFAC, #624B55)
• Fuchsia Orchard color palette (#E3FEE3, #00E0E2, #ED88FF, #00ADAE, #502857)
• Powdered Harbor color palette (#E8DEDA, #7ED0D1, #00A1CC, #048339, #001F42)
• Weathered Balcony color palette (#FAEEF4, #A1D9F1, #2E88D0, #00625E, #121E54)
• Worn Garden color palette (#EAFDD7, #D1EFFF, #D8CAEF, #A4B646, #17554C)
• Powdered Drift color palette (#D6FFF8, #02EFDE, #00C2B6, #008875, #002B24)

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