Dusty Teal Studio color palette — #FFF1F2 · #D09DC2 · #5FAA8C · #915F85 · #4B4E47

Jade and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#D09DC2): A luminous, dusty pink — the color of a candy shop window.
• Jade (#5FAA8C): A luminous, balanced teal — the color of glacier melt.
• Slate (#915F85): A full-bodied, balanced pink — the color of peonies in June.
• Charcoal Brown (#4B4E47): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Pewter Workshop color palette (#FFF2EF, #D69EA9, #5FA1C7, #9E5C6B, #295747)
• Cobalt Orchard color palette (#FDF1F8, #A9A9E4, #91A06E, #6C69AB, #4E4D46)
• Tempered Plum color palette (#F5EFFD, #D1A3C0, #68AD90, #A05286, #00393B)
• Washed Lantern color palette (#FFF1F1, #E5B2D2, #77C3A6, #BD6DA2, #4B4E48)
• Hushed Boulevard color palette (#FFF1F2, #B985A9, #3F9C8A, #2C7D8A, #533B3D)
• Dusty Bronze color palette (#FFF2EA, #C8B49D, #AC7046, #795248, #594500)
• Wandering Driftwood color palette (#FFF1F2, #E2DAD1, #C9CBA4, #A07D90, #604745)
• Weathered Driftwood color palette (#FFF1F0, #F0BAD3, #A86C80, #6E3A4D, #4E2924)

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