Teal Coast color palette — #F2F7EE · #77BFAB · #475A4F · #262E21 · #10100A

Built around Mint Leaf, softened by Charcoal Brown — the whole palette hums with sophistication.

The five colors

• Ivory (#F2F7EE): bright and airy, almost weightless.
• Mint Leaf (#77BFAB): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#475A4F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#262E21): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#10100A): 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

• Azure Villa color palette (#E5FBF3, #60A6D7, #563E4B, #02251C, #020703)
• Softworn Lagoon Bloom color palette (#E8F0E4, #009881, #2F4032, #1B2018, #0C0D09)
• Washed Coral Bloom color palette (#E3FCF4, #9DD2FF, #EDA4AE, #E18288, #253E37)
• Twilit Courtyard color palette (#DDF1E7, #00698A, #0B0937, #020D09, #000201)
• Turquoise Pier color palette (#EBF9F0, #B8F0FF, #FDB7AE, #00ACC9, #4C4441)
• Driftwood Lantern color palette (#F8F5EB, #C0E0D9, #80BCB4, #97853D, #414C00)
• Patina Dune color palette (#FBF3F0, #C5DDE4, #B1C2F2, #59A381, #5B4558)
• Cerulean Market color palette (#F0FBD9, #B2F3E4, #5AC8D2, #0084A8, #614762)

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