Dusty Teal color palette — #E8FAF7 · #AFEFE5 · #67B08D · #4D8087 · #1F3F3D

Jade and Sea Foam set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#E8FAF7): bright and airy, almost weightless.
• Sea Foam (#AFEFE5): A whisper-light, dusty teal — the color of sea glass.
• Jade (#67B08D): A luminous, balanced teal — the color of glacier melt.
• Slate (#4D8087): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Forest (#1F3F3D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Wandering Alley color palette (#EDF8F3, #BDDEF0, #9FB883, #668D95, #374B44)
• Hushed Lantern color palette (#E7FAF5, #B4EAA9, #32AC5A, #287780, #033731)
• Hushed Teal color palette (#E6FAFA, #59B69D, #006F64, #044060, #000A0B)
• Muted Lagoon color palette (#C7E9E7, #4AA17D, #005B4A, #003331, #000201)
• Hushed Orchard color palette (#EFF7F6, #D6DEEA, #53CCF0, #069499, #294353)
• Timeworn Lagoon color palette (#F3F2E8, #B1B796, #4C826A, #465B47, #262A12)
• Softworn Seafoam color palette (#E1FBFC, #00E3BD, #009286, #00656B, #00251D)
• Misty Orchard color palette (#F2F4FF, #C0ACFB, #EF84A4, #4E9CBF, #26293D)

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