Muted Abyss color palette — #D9E4E4 · #9FC0C1 · #70969A · #00532A · #0E2323

A conversation between Deep Olive and Eucalyptus, giving this palette its sense of nature and growth.

The five colors

• Silver (#D9E4E4): bright and airy, almost weightless.
• Ash (#9FC0C1): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#70969A): A luminous, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#00532A): A deep, shadowed, balanced teal — the color of glacier melt.
• Onyx (#0E2323): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Worn Abyss Bloom color palette (#D7EBED, #91B0B6, #5E8793, #004236, #00181B)
• Muted Pine Pier color palette (#E8EBDF, #BEC8B5, #9AAA97, #0E7432, #1E220C)
• Hushed Cypress color palette (#E9F8FC, #B5DAE5, #84AEBF, #006961, #17383F)
• Clover Pier color palette (#B8EFDC, #00BF5E, #009171, #005C5A, #001E19)
• Washed Courtyard color palette (#E4EEEC, #B7C1C8, #99AAC8, #3B9733, #0A2421)
• Tempered Boulevard color palette (#EDF7F8, #D1DEE7, #B2C3D2, #488269, #404A4A)
• Cerulean Veranda color palette (#C7E7E3, #008F9B, #005F7A, #37345E, #351D47)
• Worn Studio color palette (#E5F1D1, #007953, #004741, #002250, #001C14)

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