Weathered Teal color palette — #E7F9FC · #00B6A7 · #105052 · #0F2225 · #020607

A conversation between Turquoise and Forest, giving this palette its sense of sophistication.

The five colors

• Ivory (#E7F9FC): a clean, paper-quiet neutral.
• Turquoise (#00B6A7): A luminous, balanced teal — the color of sea glass.
• Forest (#105052): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#0F2225): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020607): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Weathered Teal 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

• Muted Bloom color palette (#ECF7FF, #35AADE, #284965, #0E202C, #020609)
• Washed Pier color palette (#E6FAF6, #73B252, #2D4F34, #0C231F, #010705)
• Aged Teal Alley color palette (#D2EAEE, #00C5AF, #587483, #3B4D50, #101B1A)
• Tempered Cerulean color palette (#D7F4FF, #008F9B, #00313D, #181216, #000A0B)
• Dusty Wisteria Alley color palette (#EDF6FF, #76C3FF, #C88CF4, #48A491, #1B2D3C)
• Weathered Lantern color palette (#EFF6FF, #4D86EB, #263452, #040F20, #000103)
• Quiet Market color palette (#E5F9FF, #7DF6FF, #00B0C4, #00748A, #1A4054)
• Pale Mallow color palette (#EBF7FF, #92E1FF, #E49AF5, #0098BE, #393353)

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