Teal Coast color palette — #E8F9FB · #4EC5AE · #3A5968 · #1F2E30 · #091111

Mint Leaf and Peacock set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E8F9FB): a clean, paper-quiet neutral.
• Mint Leaf (#4EC5AE): A luminous, balanced teal — the color of glacier melt.
• Peacock (#3A5968): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#1F2E30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#091111): 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

• Hushed Pier color palette (#EAF6E5, #39D1BC, #6F816F, #4F574C, #20231D)
• Patina Teal Ridge color palette (#E7F9FF, #00A6AD, #00415E, #001920, #000202)
• Muted Azure Canyon color palette (#EDF6FF, #37A5F5, #3C455F, #14202B, #020609)
• Worn Corridor color palette (#E8F8FF, #70DFEC, #FF9A9B, #BF9C62, #283C43)
• Lowlit Cerulean Delta color palette (#C9ECFB, #008597, #002644, #151319, #000508)
• Nocturne Coast color palette (#D9E5F4, #004B96, #1F141A, #07001C, #000103)
• Aqua Pier color palette (#DCFDFF, #B1EBFF, #09C7D7, #408CAC, #394F63)
• Hushed Sand color palette (#E9F8FF, #C4E5FF, #FFB99C, #4CA9BA, #593C4E)

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