Emerald Studio color palette — #FAF2F9 · #ABF3F8 · #3DC6FC · #00AD5E · #163E78

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

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Sea Foam (#ABF3F8): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#3DC6FC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Kelly Green (#00AD5E): A luminous, vivid teal — the color of glacier melt.
• Navy (#163E78): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Muted Lagoon Harbor color palette (#F9F3F7, #C1E6FC, #83B6EF, #00A389, #34365C)
• Aged Turquoise color palette (#FAF4EA, #C1E6C6, #00ADCC, #00856F, #004660)
• Ancient Teal color palette (#F9F3F7, #D7D5E4, #A4CBF0, #69B39B, #46526D)
• Washed Mint Boulevard color palette (#E7F9FF, #D6D9EB, #B5ACA3, #54C57F, #12495F)
• Antique Dune color palette (#B9F2BF, #1AE4B1, #00B6B6, #008BAE, #00426A)
• Timeworn Meadow color palette (#E8F8FF, #87E6FF, #00BDE1, #0082A3, #002C35)
• Dusty Cerulean Studio color palette (#FDEEE9, #79E3E8, #008FBA, #126634, #05244B)
• Iris Villa color palette (#EEDDE5, #9EC5E3, #658FE7, #007E76, #230D4C)

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