Misty Jade color palette — #D1E3E2 · #00B674 · #008580 · #007B4D · #000202

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

The five colors

• Silver (#D1E3E2): a clean, paper-quiet neutral.
• Jade (#00B674): A luminous, balanced teal — the color of sea glass.
• Teal (#008580): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#007B4D): A full-bodied, balanced teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Cobalt Thicket color palette (#D8EDF3, #00B0B1, #007BB5, #007677, #000205)
• Moss Basin color palette (#DCF0E8, #96A33A, #008957, #656E00, #000201)
• Ancient Teal Summit color palette (#D7E8E5, #00A5A4, #007E87, #005463, #001018)
• Lagoon Corridor color palette (#D9F4F5, #009773, #006F89, #5C3C00, #040900)
• Pale Aubergine color palette (#CFE4E1, #009C9D, #00748A, #4E00B7, #000E10)
• Pine Delta color palette (#E0E8D3, #007C4E, #134253, #00331E, #000200)
• Cypress Station color palette (#DCE7E8, #A2B3C1, #819DBA, #00856D, #00181B)
• Pale Emerald color palette (#D6E6E3, #3C9B1A, #005B78, #185300, #000204)

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