Misty Jade color palette — #E8F9F9 · #3ABB8A · #00727F · #006646 · #00212C

Jade and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8F9F9): bright and airy, almost weightless.
• Jade (#3ABB8A): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00727F): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006646): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00212C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged duotone, cool.

Use it as a design system

One click turns Misty 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

• Petrol Orchard color palette (#E6F9FF, #00B8BC, #006AA4, #006365, #001F35)
• Hazy Moss color palette (#E5FBF5, #80B354, #00765F, #396300, #002225)
• Clover Coast color palette (#E4F7F4, #68BF61, #007697, #146E0E, #000B14)
• Ancient Lantern color palette (#DEEFF1, #009F82, #285978, #004D3E, #001014)
• Washed Aubergine Lantern color palette (#D7FFF9, #00A09F, #006C7F, #452A97, #003E42)
• Feathered Cabin color palette (#A9FFF4, #00BBBC, #007F8C, #004E5F, #1B304F)
• Hushed Seafoam color palette (#E6F9FF, #00E4CF, #00C4CE, #0087A8, #004048)
• Washed Cypress color palette (#EDF8F9, #CFDBE6, #A0C3CE, #007C68, #25464A)

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