Quiet Jade color palette — #F3F4FF · #CFABF7 · #B4BC67 · #47B688 · #35354D

Jade and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CFABF7): A luminous, balanced violet — the color of a velvet chair.
• Gold (#B4BC67): A luminous, balanced green — the color of fresh herbs.
• Jade (#47B688): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#35354D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Faded Lagoon color palette (#F2F4FF, #C3B1F7, #D9AC64, #97B242, #313552)
• Hushed Turquoise Meadow color palette (#F8F2FF, #ECB3D6, #9ECC96, #4ABCBF, #463E51)
• Powder Veranda color palette (#F2F4FF, #E1D7E0, #A0C0B4, #98B6F0, #4D4763)
• Patina Drift color palette (#FFE3E8, #FFB1C3, #00B3AC, #00B176, #4E1D2C)
• Driftwood Loft color palette (#ECF9EE, #B5DBC7, #C2A97B, #B27950, #23453C)
• Faded Chartreuse color palette (#D4E7E3, #C9DC53, #E6ADFF, #555173, #2A2938)
• Airy Fuchsia color palette (#F1E2EF, #FF8DF7, #00A460, #609900, #3C0B3A)
• Dusty Blush color palette (#F4F4FF, #D1A6F1, #F1858D, #5798CC, #292840)

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