Quiet Emerald color palette — #FFF1F2 · #D389B9 · #349659 · #605194 · #393156

Built around Fern, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#D389B9): A luminous, balanced pink — the color of a candy shop window.
• Fern (#349659): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#605194): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#393156): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Quiet Emerald 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 Corridor color palette (#FFF2EF, #E68198, #009679, #83417C, #522B30)
• Patina Villa color palette (#FDF1FB, #FE9C93, #5E9A6B, #405B8E, #162950)
• Pale Bronze color palette (#FDF1F8, #989BEE, #A27900, #12619C, #223957)
• Turquoise Harbor color palette (#FCF3EF, #C0EAE3, #61AEDC, #398D67, #573E53)
• Frosted Cobalt Balcony color palette (#FDF3EB, #E18D58, #0A8AC4, #74488A, #452C51)
• Gentle Ember Courtyard color palette (#FFF0F9, #D26331, #506F22, #00515F, #323456)
• Apricot Courtyard color palette (#FFF2EA, #FBA682, #B19F5D, #8D6BAD, #572437)
• Weathered Oat color palette (#FFF2EF, #EABDA7, #ADA378, #887080, #5E4857)

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