Muted Cypress color palette — #EFF3ED · #87D4C9 · #807AB4 · #168378 · #1F1119

A conversation between Teal and Slate Blue, giving this palette its sense of creativity and sophistication.

The five colors

• Cream (#EFF3ED): bright and airy, almost weightless.
• Lagoon (#87D4C9): A luminous, dusty teal — the color of sea glass.
• Slate Blue (#807AB4): A luminous, balanced violet — the color of a velvet chair.
• Teal (#168378): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#1F1119): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Petrol Orchard color palette (#F0F7F2, #8ACDD7, #5681AB, #007B88, #1D332D)
• Weathered Olive Field color palette (#F2F2EB, #AECEA2, #398EAB, #557F45, #091A12)
• Weathered Hollow color palette (#EFF7F8, #9FE0D6, #A88EC7, #00A294, #2C2C3A)
• Muted Chestnut Loft color palette (#FCF0E0, #71B8C5, #6477A7, #714800, #1A3228)
• Misty Amethyst color palette (#E9F5EC, #00BCD2, #7050C6, #006773, #16020D)
• Hazy Balcony color palette (#C5FFFA, #92CFE5, #628DB4, #4B5687, #362257)
• Cerulean Field color palette (#EDF4EF, #CFD9DA, #B6ACA1, #538D9A, #313833)
• Petrol Atelier color palette (#F7EFF8, #89B8E8, #A55977, #2167A8, #190908)

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