Jade Atelier color palette — #B7EEDC · #00BA69 · #009A7B · #005F5C · #000201

Clover and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#B7EEDC): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#00BA69): A luminous, vivid teal — the color of shallow lagoons.
• Fern (#009A7B): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#005F5C): A full-bodied, dusty teal — the color of shallow lagoons.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Calm, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

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

• Misty Lime color palette (#DEF3F2, #6FBF00, #009F5A, #005C50, #000201)
• Aged Pier color palette (#B9EAFA, #00B9A9, #0099A5, #006684, #000102)
• Softworn Clover color palette (#DFF3F5, #61B73B, #00A980, #00829B, #000604)
• Muted Field color palette (#D8F6F2, #00924B, #00482F, #052203, #000200)
• Olive Hollow color palette (#D9E5D0, #448717, #006C50, #003F47, #000201)
• Turquoise Canyon color palette (#DCF2EE, #2CB5C8, #005F72, #002B2C, #000102)
• Lagoon Thicket color palette (#C5EBE3, #00878C, #03596E, #1A163E, #020007)
• Pale Boulevard color palette (#BFEADC, #B9A900, #788C00, #0A6E15, #010100)

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