Worn Teal color palette — #FCF2F8 · #D3E0F8 · #9CC2E7 · #54AB92 · #3C4762

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Frost (#D3E0F8): A whisper-light, dusty violet — the color of wild irises.
• Sky (#9CC2E7): A luminous, dusty blue — the color of open sky before noon.
• Jade (#54AB92): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#3C4762): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Worn 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

• Soft Coast color palette (#FFF0FA, #ADF2FF, #60C1FF, #26A97A, #2A3C72)
• Softworn Atelier color palette (#FAF4EB, #C5E4E1, #78ADC9, #378987, #265147)
• Faded Drift color palette (#EAFAF1, #D7CF86, #B2B6FF, #ACA143, #354162)
• Taupe Delta color palette (#E9FAEF, #AFDCCE, #B8AD7E, #A47A8B, #244442)
• Tempered Cobalt Terrace color palette (#F1E3EA, #81B9D1, #4384D4, #006E60, #130042)
• Wandering Lantern color palette (#E6FCEE, #BBEAF7, #AEC4F3, #D7A492, #34534B)
• Faded Petrol Pier color palette (#F5E7F4, #53B1B8, #007FA9, #006134, #00071F)
• Washed Cerulean color palette (#F8F0EB, #C6E5D2, #5693C8, #006F57, #3B2335)

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