Hazy Jade color palette — #E8F3E8 · #59B287 · #177A6E · #0C5481 · #22375C

Built around Jade, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#E8F3E8): bright and airy, almost weightless.
• Jade (#59B287): A luminous, balanced teal — the color of sea glass.
• Teal (#177A6E): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#0C5481): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#22375C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.

Use it as a design system

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

• Linen Teal Villa color palette (#D2F1E9, #00B7B6, #007B8E, #444C7D, #3F3563)
• Teal Grove color palette (#D7F1E1, #00C09C, #008280, #375177, #513C13)
• Jade Alley color palette (#E0ECCC, #51A776, #26746F, #493868, #370C2A)
• Chalky Olive color palette (#F4EEDB, #A0A65A, #4E781C, #005F60, #1B405E)
• Patina Moss Drift color palette (#F1F1DB, #83A63C, #4F7848, #0A5B64, #62332C)
• Teal Canyon color palette (#B0FFF5, #00AC9B, #006C61, #003631, #00201D)
• Pale Thicket color palette (#DAF6DB, #00A55C, #007D53, #004D3C, #003238)
• Sapphire Chapel color palette (#BCF0F5, #009B7D, #4052FF, #005C4A, #1A2566)

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