Weathered Teal color palette — #FBF4ED · #C5E8EB · #A7BBF8 · #00AEAD · #5E3C4B

Turquoise and Sky set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Frost (#C5E8EB): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#A7BBF8): A luminous, balanced violet — the color of twilight just after sunset.
• Turquoise (#00AEAD): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#5E3C4B): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Creativity, 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

• Timeworn Veranda color palette (#FBF3F1, #C4EAE1, #7CC9EB, #58AD73, #573E57)
• Washed Cerulean Chapel color palette (#F0F7F2, #D6DBF1, #86A7D1, #0089A0, #3B4669)
• Iris Meadow color palette (#F7EDE3, #B1D8FC, #8D9CFA, #009095, #37214F)
• Cocoa Studio color palette (#FFF2EF, #E1DACE, #CCA2D5, #AAABB6, #773A1E)
• Hushed Workshop color palette (#FFF2EC, #F5A799, #54CDA6, #00B0B7, #3D3633)
• Cobalt Thicket color palette (#F5E9E2, #74A9BE, #2875C8, #005F50, #08002A)
• Iris Grove color palette (#F8EFF2, #BDE1FF, #738CC6, #206B67, #272A40)
• Aged Sky Balcony color palette (#FFF2ED, #9CE9F1, #15B9F8, #009D5E, #002B78)

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