Muted Teal color palette — #FAF4F0 · #C6DDE7 · #BBC0F6 · #37A5A0 · #5D4458

A conversation between Turquoise and Lavender, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C6DDE7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender (#BBC0F6): A whisper-light, dusty violet — the color of wild irises.
• Turquoise (#37A5A0): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5D4458): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted 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

• Teal Coast color palette (#FAF4F0, #C2E0E5, #A1C7F2, #5EA283, #31564B)
• Washed Ash color palette (#FBF2F7, #D8DFF1, #7D9DBC, #4A7681, #475367)
• Muted Harbor color palette (#E9FAF4, #B1EAEE, #FFB7A9, #4CA3DA, #4C4441)
• Aged Quarry color palette (#E6FDE1, #C9EAFF, #65C5E8, #3782B2, #604760)
• Weathered Dune color palette (#F1F3EB, #C2E4E3, #7AA896, #3B7581, #223C35)
• Periwinkle Study color palette (#FEF3E8, #DBD5DF, #92A8FF, #00859A, #382A5D)
• Cobalt Terrace color palette (#FFF2EB, #ADD7C0, #0B81C6, #00524C, #010236)
• Frosted Ultramarine color palette (#F9ECDF, #8ABDE7, #395EC5, #003D44, #030011)

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