Dusty Teal color palette — #F0F7F1 · #CBE1F5 · #7DCCD6 · #4AAD88 · #284D5F

Built around Jade, softened by Aqua — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Powder Blue (#CBE1F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Aqua (#7DCCD6): A luminous, dusty blue — the color of deep harbor water.
• Jade (#4AAD88): A luminous, balanced teal — the color of sea glass.
• Peacock (#284D5F): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Aqua Study color palette (#FBF3F1, #BBEAEF, #69CAE6, #60905D, #21473E)
• Wandering Turquoise color palette (#F1F7F2, #D7DDF4, #97C1F3, #3FA8BD, #364868)
• Wandering Terrace color palette (#E4FBF7, #BDE8FD, #BDBBCF, #ACBF75, #365657)
• Sunlit Veranda color palette (#DCE7DE, #7BA7C1, #0076CC, #005B67, #000030)
• Dusty Cerulean color palette (#DCEADF, #76BEC3, #0092AD, #006F5D, #001622)
• Soft Boulevard color palette (#E5FBF6, #B5D8A3, #E2A3EE, #72B348, #533559)
• Faded Emerald Corridor color palette (#CBF3DC, #C6D28A, #93B452, #529642, #234E36)
• Gentle Coral Study color palette (#DCFDF8, #95D08E, #8CB4FC, #F77978, #0F413C)

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