Emerald Harbor color palette — #F1E0AA · #A7B95E · #3A9A3B · #006B54 · #003B3C
Kelly Green takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Peach Cream (#F1E0AA): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A7B95E): A luminous, balanced green — the color of a quiet forest floor.
- Kelly Green (#3A9A3B): A luminous, vivid green — the color of a quiet forest floor.
- Pine (#006B54): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003B3C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Emerald Harbor 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
- Pale Courtyard color palette (#DEEEB4, #67C487, #00957C, #006069, #00374D)
- Soft Moss Delta color palette (#E4E3CB, #6C9D27, #007345, #00443C, #00161C)
- Dusty Corridor color palette (#EEDECC, #C4C567, #6AB36A, #008377, #00373E)
- Forest Atelier color palette (#FFEADD, #D9AE5A, #7E8800, #136E1D, #003D2F)
- Tempered Emerald Field color palette (#F9FBB3, #C0DE98, #5AA563, #005E42, #002722)
- Muted Boulevard color palette (#FFE7F1, #A5A931, #008C6C, #733F70, #023931)
- Hushed Driftwood color palette (#EFF8F3, #D0DCDF, #AAC3D2, #828543, #343D39)
- Misty Lime color palette (#E5FBF5, #FBCE41, #66D55C, #00B0AB, #003C3A)
Browse the whole catalog at Explore, or see today's palette.