Emerald Studio color palette — #EBF8F6 · #A7D29D · #4F97C6 · #359914 · #162632

Kelly Green and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF8F6): bright and airy, almost weightless.
• Pistachio (#A7D29D): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#4F97C6): A luminous, balanced blue — the color of deep harbor water.
• Kelly Green (#359914): A luminous, vivid green — the color of a quiet forest floor.
• Midnight (#162632): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Emerald Studio 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

• Olive Lantern color palette (#EEF8F3, #CBC78C, #00A1B3, #8C8300, #0F2831)
• Iris Courtyard color palette (#EDF7F8, #8ED6B8, #8982DB, #00976F, #1D2338)
• Wandering Celadon Harbor color palette (#F5F6EB, #BEF9A4, #58A5E2, #6F975D, #021711)
• Airy Turquoise color palette (#E9F9F9, #96EBBF, #1AC5CB, #52B888, #13272D)
• Tempered Forest color palette (#F3F6EF, #72C29B, #007E86, #00724C, #1A281D)
• Hushed Sapphire Workshop color palette (#E0F7F7, #3FC68A, #0272EA, #007D50, #00102D)
• Muted Pier color palette (#E7FAF6, #89B372, #587FC5, #9D362E, #383C06)
• Feathered Teal color palette (#D9FBD2, #92D4B8, #0FA7A8, #006E8E, #004075)

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