Weathered Teal color palette — #FCF2F8 · #D3E1F9 · #99C2E8 · #5BAA91 · #3A4765

Built around Jade, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Frost (#D3E1F9): A whisper-light, dusty violet — the color of wild irises.
• Sky (#99C2E8): A luminous, dusty blue — the color of deep harbor water.
• Jade (#5BAA91): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#3A4765): 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 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

• Dusty Corridor color palette (#E8F8FF, #DADBE6, #8DC6B2, #B0ADA3, #3E5364)
• Antique Lagoon Cabin color palette (#FAF4EC, #BEE9E5, #7BACC7, #198C8A, #2A5047)
• Worn Periwinkle color palette (#F9E9F2, #B1D9F1, #64A8F4, #00937C, #282756)
• Powdered Villa color palette (#B7F2F5, #71DBD7, #41BEDC, #4592C4, #364D6C)
• Muted Cabin color palette (#EBF7FF, #55CFF6, #ECA06A, #B6964C, #1D3C4D)
• Airy Turquoise color palette (#EAF7FF, #85DAF7, #F9A686, #31AED3, #5E3627)
• Tempered Cobalt color palette (#F4E2EB, #7CBAD6, #4B83D1, #006E61, #13053C)
• Dusty Quarry color palette (#F8E8F7, #6AADB3, #007FA9, #006134, #00071F)

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