Teal Coast color palette — #E8F8FE · #D3DBE6 · #BBADB0 · #6CA9A2 · #40565F

Turquoise and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#E8F8FE): a clean, paper-quiet neutral.
• Silver (#D3DBE6): a clean, paper-quiet neutral.
• Ash (#BBADB0): soft and architectural.
• Turquoise (#6CA9A2): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#40565F): A full-bodied, dusty blue — the color of open sky before noon.

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

• Azure Summit color palette (#EFF6FF, #DBD8E2, #D1BDE4, #6297D1, #424E67)
• Cobalt Hollow color palette (#C3E8F8, #6FA9BF, #3D89BF, #005356, #001116)
• Patina Bronze color palette (#ECF8F8, #82BA97, #C78A76, #96733F, #274342)
• Hushed Cerulean color palette (#EDF7FD, #B0DBD6, #46879F, #2F5266, #1E2E37)
• Ancient Bronze color palette (#FEF1F8, #DCC2CE, #BD907A, #9A6556, #584049)
• Aged Chapel color palette (#F1F6FB, #B9D4F3, #A091C9, #4F8EDD, #2A2C3D)
• Faded Powder Meadow color palette (#E3F3FF, #A7D4FD, #8FAFF5, #0086A5, #053550)
• Aged Powder color palette (#FFD9E4, #EBC8FF, #99D2FF, #374F65, #283138)

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