Teal Coast color palette — #FAF4EF · #C3E9EB · #99C0F6 · #1DACB1 · #5C3B52

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Frost (#C3E9EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#99C0F6): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#1DACB1): A luminous, balanced teal — the color of sea glass.
• Cocoa (#5C3B52): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Gentle Powder color palette (#FCF3ED, #C6EFDD, #7CBBFF, #00A6A3, #2E3878)
• Softworn Teal Grove color palette (#FAF3F0, #C4DFE6, #A3D3BE, #57B69C, #5F4A61)
• Dusty Teal Alley color palette (#FCF3EF, #C5E9E1, #7FC9E6, #50AC8A, #1E5246)
• Muted Corridor color palette (#EDF8F7, #D3DCF9, #7BABD0, #0088A6, #304A65)
• Azure Courtyard color palette (#E9F9F4, #9FD2FF, #FFA37D, #28A5FF, #66311A)
• Pale Cobalt Alley color palette (#D3F4D0, #80DEF2, #4ABDF2, #3A8ED5, #3B4A76)
• Sunlit Canyon color palette (#FFF2EB, #A1E8EA, #00BDE5, #009C6B, #003656)
• Linen Marigold Atelier color palette (#FEF0FF, #95C1F7, #F29C6D, #D19A30, #443045)

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