Emerald Harbor color palette — #FFF1F6 · #AFDCC4 · #6C985B · #5E5F86 · #0F2F21
Built around Moss, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Pistachio (#AFDCC4): A whisper-light, dusty teal — the color of sea glass.
- Moss (#6C985B): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#5E5F86): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Forest (#0F2F21): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Gentle Jade color palette (#E8FBEB, #CDE39A, #58A478, #7C5B91, #29330C)
- Timeworn Basin color palette (#EAFAEE, #ACC58F, #138B61, #604569, #001E18)
- Muted Taupe Station color palette (#FDF4E6, #D1CC99, #98A86C, #8D78AB, #38352E)
- Ancient Olive color palette (#E9F6EB, #A9A264, #5C6D23, #4E3D64, #072216)
- Hushed Moss color palette (#D3E7DB, #6F9D55, #005C46, #3B1B47, #000200)
- Lagoon Lantern color palette (#D6F4EC, #2F8C71, #00454A, #350322, #000201)
- Muted Pine Quarry color palette (#F9F3F9, #D3D4E4, #6CB0D0, #2B814E, #182E4F)
- Dusty Ash Field color palette (#EDF8F4, #C8DBF6, #8DB6C1, #8A819B, #324C4C)
Browse the whole catalog at Explore, or see today's palette.