Emerald Summit color palette — #FBF3F1 · #CCEACB · #57C1E3 · #4FA158 · #163C62

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

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Celadon Mist (#CCEACB): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#57C1E3): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#4FA158): A luminous, balanced green — the color of fresh herbs.
• Navy (#163C62): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Antique Bloom color palette (#FCF3EF, #C3EAE6, #8EC3F2, #26B18B, #3D456B)
• Hushed Ridge color palette (#F7ECE5, #A5DDF1, #61A9F1, #009479, #24255E)
• Worn Turquoise color palette (#FBF4EA, #CEE0F9, #00BBD0, #008264, #003443)
• Antique Courtyard color palette (#EFF0DC, #9CD084, #E39CF3, #4A9E00, #492451)
• Feathered Harbor color palette (#DCEAD2, #2FC9A7, #AA8EFF, #B36FF2, #213113)
• Weathered Forest Meadow color palette (#F9EEF9, #9DD1DF, #2188A7, #205D2B, #04213E)
• Washed Emerald Dune color palette (#F3E2C5, #C4BB65, #7EA731, #00933C, #004841)
• Airy Pine color palette (#EFF7CE, #9ADFB3, #47BF7D, #00863E, #002C10)

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