Muted Jade color palette — #F0F4E7 · #68AD81 · #485F4C · #363A2F · #23221C

Built around Jade, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#F0F4E7): a clean, paper-quiet neutral.
• Jade (#68AD81): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#485F4C): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal (#363A2F): quiet, heavy and certain.
• Onyx (#23221C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Worn Turquoise Thicket color palette (#E9F6EB, #04B0BC, #654F68, #2F3C31, #20231D)
• Ancient Mint color palette (#EFF4E7, #70CD9E, #757F6E, #4A5D19, #21221C)
• Emerald Loft color palette (#DFF8F7, #00945E, #254247, #1D2C2C, #101618)
• Coral Orchard color palette (#F0F9E6, #79C3A4, #E48873, #B38865, #40443D)
• Washed Sky Boulevard color palette (#FBF3F1, #C1E2E5, #6CBFD6, #6E916B, #38504A)
• Weathered Teal Pier color palette (#F7F8D7, #94DBBC, #24B8AB, #20818C, #34564B)
• Velvet Station color palette (#DDE8DB, #00837D, #003751, #091B06, #040501)
• Bronze Workshop color palette (#F9F5EB, #D4D4AF, #74A993, #977833, #535000)

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