Weathered Teal Drift color palette — #FBF3EF · #C6E7E3 · #8FC4ED · #5EAA8C · #5A3C54

A conversation between Jade and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Silver (#C6E7E3): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8FC4ED): A luminous, balanced blue — the color of open sky before noon.
• Jade (#5EAA8C): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#5A3C54): A deep, shadowed, 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 Drift 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

• Powder Summit color palette (#FFF0FB, #E7D8D5, #83BFD9, #A1B5A3, #634754)
• Timeworn Lagoon color palette (#F8F5EF, #BEE1EC, #84C5E4, #009590, #21425D)
• Aged Moss color palette (#FFF0F7, #C1B0FE, #C6B568, #85A857, #4A2E3C)
• Tempered Periwinkle color palette (#B7ECFF, #98CBFF, #8AA1EE, #8F7FC0, #5F3D61)
• Cerulean Orchard color palette (#F6F0F4, #BCE3F5, #5894C0, #2A6C54, #1E2C45)
• Weathered Cobalt color palette (#F5E9E1, #81B9D0, #3684DB, #006F5E, #120142)
• Iris Lantern color palette (#FFF0FA, #BDC8FF, #C8C079, #8A98E4, #494412)
• Washed Forest color palette (#F2E1DB, #68AEB2, #007FA7, #006230, #00081D)

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