Hazy Emerald color palette — #F3ECF3 · #A2E1DF · #47B3D6 · #3D934B · #002E58
A conversation between Fern and Cyan, giving this palette its sense of nature and growth.
The five colors
- Blush (#F3ECF3): a clean, paper-quiet neutral.
- Sea Foam (#A2E1DF): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#47B3D6): A luminous, balanced blue — the color of open sky before noon.
- Fern (#3D934B): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#002E58): 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 Hazy 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
- Tempered Emerald color palette (#FAF2F9, #C2E7F5, #77BBE2, #43A072, #283A5E)
- Gentle Summit color palette (#F7ECF3, #99C8DE, #1299EB, #008061, #131A45)
- Soft Periwinkle color palette (#F8EAEF, #AADAFD, #86A0EF, #00918F, #342153)
- Patina Cerulean color palette (#F4EEE4, #93D2D1, #0097AA, #006E55, #003343)
- Moss Lagoon color palette (#DBE3F1, #8DB4FF, #8FA442, #9E7B00, #0E1E3E)
- Aged Villa color palette (#E8F2FF, #E3D4FF, #F5ADCA, #2DB0C4, #2F2D52)
- Teal Terrace color palette (#F9F3F9, #D4D5E7, #B2BFE5, #7DB08F, #455467)
- Airy Quarry color palette (#BDE8ED, #00B9EA, #008BE4, #5C5ECA, #392054)
Browse the whole catalog at Explore, or see today's palette.