Weathered Teal color palette — #FBF3F0 · #C5E9E4 · #89C5EF · #5DAA88 · #583E53

Jade and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Honeydew (#C5E9E4): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#89C5EF): A luminous, balanced blue — the color of deep harbor water.
• Jade (#5DAA88): A luminous, balanced teal — the color of sea glass.
• Cocoa (#583E53): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Worn Jade Lagoon color palette (#FCF3F0, #C8E8DE, #81CAE1, #77A677, #205247)
• Hushed Taupe Alley color palette (#FAF4EE, #C5E0F1, #DEBAD6, #8CAC8C, #664955)
• Aged Lagoon color palette (#F1F7F2, #CEDEF6, #65B0CE, #248C82, #2B4B65)
• Feathered Azure color palette (#E7FBF1, #84D9FD, #FCA19F, #0FAEDF, #653030)
• Periwinkle Harbor color palette (#FFF3E9, #ADE2FF, #78AAFF, #00998C, #342368)
• Pale Turquoise color palette (#B9F4D8, #6DDFD0, #35BCC8, #408EBA, #294466)
• Aqua Balcony color palette (#DFFEED, #60CEF3, #ED9E82, #C38E4B, #243F32)
• Weathered Atelier color palette (#F6EFF4, #BDE3F4, #4796C8, #0C6F4E, #1F2C42)

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