Dusty Teal color palette — #F9F3F7 · #D6D5E6 · #B3C0E7 · #64B49E · #40546C

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D6D5E6): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#B3C0E7): A luminous, dusty violet — the color of wild irises.
• Jade (#64B49E): A luminous, balanced teal — the color of glacier melt.
• Peacock (#40546C): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

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

• Softworn Stone Market color palette (#E7FAF9, #CEDEEC, #AFC08D, #BCAEB1, #345254)
• Lagoon Market color palette (#F5F6EF, #CCE3DF, #84BBCB, #1A9999, #2E5342)
• Jade Canyon color palette (#E8F9F8, #B4E3BC, #EDB2D4, #74BC83, #554566)
• Chalky Powder Atelier color palette (#FFF0F7, #CBE9FF, #81BAFF, #00A5A7, #333A6F)
• Timeworn Boulevard color palette (#F5E6EE, #80B9D2, #0087E1, #006D69, #070544)
• Pewter Canyon color palette (#F9F0EC, #C3EBE5, #7AA895, #5E724F, #402F42)
• Patina Coral color palette (#E0FCFD, #94D8BC, #DDAAD8, #DE8E8A, #29494A)
• Timeworn Azure color palette (#EEE3EB, #8CCCD4, #00A0CE, #008062, #00203D)

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