Muted Studio color palette — #E3F2E9 · #009C70 · #00522D · #002013 · #000201

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

The five colors

• Cream (#E3F2E9): a clean, paper-quiet neutral.
• Fern (#009C70): A luminous, balanced teal — the color of sea glass.
• Deep Olive (#00522D): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#002013): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged monochrome, muted.

Use it as a design system

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

• Antique Lagoon color palette (#E0E9D8, #669000, #344C00, #111F00, #010100)
• Cerulean Basin color palette (#CCF4FD, #008C9C, #00525D, #001C20, #000203)
• Hushed Canyon color palette (#D5F8E3, #00AE7D, #00764A, #003927, #000C05)
• Mint Ridge color palette (#CBFFEE, #5CD9B3, #03896F, #00493B, #001E14)
• Hushed Bloom color palette (#DFF1F5, #008B85, #5600A0, #003F3C, #01000A)
• Washed Canyon color palette (#E0EBE0, #3FC4AA, #009FCB, #454C00, #001007)
• Amber Ridge color palette (#EBE5FE, #C77800, #00733C, #020E13, #000201)
• Weathered Boulevard color palette (#E0F6FF, #13C3F3, #007A9A, #003F51, #00131B)

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