Muted Canyon color palette — #E2F1F0 · #5B9167 · #2A3F44 · #142120 · #070E0C

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

The five colors

• Cream (#E2F1F0): a clean, paper-quiet neutral.
• Fern (#5B9167): A luminous, balanced teal — the color of glacier melt.
• Deep Teal (#2A3F44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#142120): a grounded near-black with real depth.
• Ink (#070E0C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Midnight Workshop color palette (#D3E7E9, #007E64, #003036, #001416, #000504)
• Jade Harbor color palette (#F0F4E6, #71AC7D, #4E5D4B, #353D00, #232219)
• Tempered Teal color palette (#DEF7FE, #46AFAC, #B67A85, #A16566, #0F2C33)
• Aged Courtyard color palette (#EBF5EE, #A5CDC1, #5E8D8A, #52675A, #203630)
• Inked Hollow color palette (#E4F2FE, #00628E, #29242A, #131649, #000813)
• Cypress Corridor color palette (#E6F5F8, #77C3BA, #C58895, #00837A, #3D2743)
• Weathered Terrace color palette (#F8EFF2, #D9D0E3, #869DC5, #447383, #2D354E)
• Hushed Lagoon color palette (#E0F1F2, #419478, #2A3F47, #142122, #060E0D)

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