Teal Coast color palette — #EBF5E9 · #00B3A8 · #4B5E4D · #333A32 · #1F231D

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

The five colors

• Cream (#EBF5E9): a clean, paper-quiet neutral.
• Turquoise (#00B3A8): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#4B5E4D): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#333A32): quiet, heavy and certain.
• Onyx (#1F231D): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Tempered Azure Archive color palette (#E1F8EF, #00A8E8, #455E58, #2E3B36, #1E2320)
• Patina Summit color palette (#F2F3E4, #74AD65, #515F19, #393B00, #22221C)
• Worn Delta color palette (#E4F6F9, #62CBC0, #67808B, #42595E, #192424)
• Washed Corridor color palette (#EBF5E9, #009086, #324136, #242B22, #101713)
• Sky Villa color palette (#E1FDF1, #48BFF6, #AC99D3, #889974, #30483F)
• Aqua Summit color palette (#EBF9F0, #6DD5F1, #A9B982, #4899AE, #4E4D46)
• Timeworn Olive Courtyard color palette (#F4F7E9, #CAD7B2, #75A895, #79853F, #42550F)
• Hushed Stone Studio color palette (#E5FDE4, #BBDAC5, #94B7A6, #957C88, #61484F)

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