Teal Coast color palette — #F2F7F1 · #CFDDDA · #A9CBC9 · #44B4A8 · #363D34

Turquoise takes the lead with Stone close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#CFDDDA): a clean, paper-quiet neutral.
• Stone (#A9CBC9): A luminous, dusty teal — the color of glacier melt.
• Turquoise (#44B4A8): A luminous, balanced teal — the color of sea glass.
• Charcoal (#363D34): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, 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

• Turquoise Market color palette (#F0F7F4, #E4D8DC, #DBBCC1, #5BAAD2, #313E38)
• Lagoon Quarry color palette (#F3F6F0, #CDDEDC, #D5BFD7, #00967E, #373C35)
• Weathered Jade color palette (#FBF5E7, #C6D0A2, #7DB160, #59917B, #37362F)
• Washed Market color palette (#E8F1E8, #B0C4C2, #82B4B7, #009294, #192219)
• Ancient Study color palette (#DFF0E4, #00ADC7, #386785, #2D4235, #090F09)
• Powder Coast color palette (#F0F7F4, #E0D4D2, #8EBBDC, #A8A79C, #4C5552)
• Linen Azure color palette (#FDECD1, #00D5D0, #00A4DD, #AD526F, #193823)
• Faded Lilac color palette (#E8F6E9, #00CAD0, #9F77EF, #B34A33, #1C3300)

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