Dusty Teal color palette — #FBF3F0 · #C6DEE5 · #A2D3BE · #71B19D · #5C4C5E

Jade and Pistachio set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Silver (#C6DEE5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Pistachio (#A2D3BE): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#71B19D): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5C4C5E): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: 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

• Worn Villa color palette (#FCF3EE, #C1EDE8, #85C7ED, #4BAB97, #583D58)
• Mallow Orchard color palette (#FFF1F2, #EFAFE3, #95CE9B, #6FB5BB, #553A3D)
• Weathered Turquoise color palette (#F6F0F4, #D3D2EC, #67A5C3, #3C7866, #283848)
• Tempered Cobalt Thicket color palette (#EBDBD1, #62ADC2, #067CB7, #005E54, #000527)
• Patina Cocoa Canyon color palette (#FFF2EB, #EED4BD, #D4AC96, #B0877C, #604100)
• Faded Periwinkle color palette (#F9ECE0, #AEDFCF, #7BA4EF, #008F9A, #2A2654)
• Azure Boulevard color palette (#FAECE5, #86CED4, #00A1CA, #00805E, #00213B)
• Mallow Lantern color palette (#FFF0F8, #E2CEFF, #D3A0D6, #BB81A1, #67423B)

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