Dusty Teal color palette — #E6FBF3 · #C2E9C0 · #72B197 · #477998 · #284544

Jade and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6FBF3): A whisper-light, dusty teal — the color of sea glass.
• Celadon Mist (#C2E9C0): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#72B197): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#477998): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#284544): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Aged Grove color palette (#ECF8F3, #BFDDF2, #87BAB1, #6D8E82, #364B46)
• Lagoon Bloom color palette (#F8F6E5, #85B686, #1F8B6A, #285F81, #474942)
• Driftwood Coast color palette (#FFF0F8, #CCD6A8, #7FBDAC, #B17699, #324E4A)
• Aged Glacier Alley color palette (#DEFDF9, #82DCEB, #579BBC, #6C5987, #1B3542)
• Lagoon Alley color palette (#FEEFE3, #A4B474, #1D8B78, #6E4060, #2C2E1C)
• Aged Mint color palette (#E5FAF9, #74C38E, #43595B, #1F2E2E, #091110)
• Gentle Boulevard color palette (#D8FFF5, #00BD9B, #007A7C, #203685, #001713)
• Chalky Mint color palette (#DBFEF7, #1FD1C3, #068E9D, #45488B, #00262F)

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