Muted Jade color palette — #FAF4F0 · #C7E7DD · #78CCE0 · #50AE7B · #255143

Jade and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C7E7DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#78CCE0): A luminous, balanced blue — the color of deep harbor water.
• Jade (#50AE7B): A luminous, balanced teal — the color of sea glass.
• Forest (#255143): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Patina Pier color palette (#FAF4F0, #C7E6E4, #86C5F6, #00AFA1, #36476B)
• Timeworn Cerulean color palette (#F7EFF4, #B1E7F5, #439BAE, #356B4C, #112F43)
• Muted Cerulean color palette (#E8DCD7, #73BEC7, #0090B9, #007055, #00152A)
• Quiet Turquoise color palette (#F9EBE5, #A2E0E3, #00B6DE, #009568, #00314F)
• Cobalt Market color palette (#F7EDE4, #79A7C5, #3F73C3, #005C61, #07002A)
• Ancient Mustard Terrace color palette (#F5F7E5, #B4E6E4, #DDCBD6, #BEB969, #415715)
• Worn Emerald color palette (#FFF3DB, #D4D189, #97B95E, #2F9E57, #1A5940)
• Hazy Emerald Workshop color palette (#F2FAD8, #BBE6BC, #80C283, #0F9B5E, #003518)

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