Dusty Teal color palette — #F9F3F7 · #D5D5E6 · #B1C0E7 · #6FB29C · #3F556B

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 (#D5D5E6): A whisper-light, dusty violet — the color of wild irises.
• Sky (#B1C0E7): A luminous, dusty violet — the color of a velvet chair.
• Jade (#6FB29C): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#3F556B): A full-bodied, dusty blue — the color of deep harbor water.

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

• Mustard Loft color palette (#F1F5FF, #BAC4F6, #D5BB72, #8DB174, #384259)
• Ancient Lantern color palette (#F5F6EF, #CAE5E0, #80BCCB, #229996, #315342)
• Feathered Powder color palette (#FFF0F8, #C4EBFF, #7CBBFF, #00A5A4, #323B6D)
• Cobalt Quarry color palette (#F2E8EE, #76BBD5, #0088DA, #006D67, #04014A)
• Patina Iris Alley color palette (#EAF7FF, #B7DFFF, #9BBAF8, #8587D3, #4E5072)
• Wandering Studio color palette (#FDF1F6, #CAE0CC, #D4AD90, #A985A0, #354E41)
• Olive Lagoon color palette (#F9F0EC, #C3ECE4, #6BA5BF, #597638, #1F3D36)
• Dusty Archive color palette (#F0F5FF, #BFD6FC, #D3C88D, #87A5F4, #564D21)

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