Sunlit Harbor color palette — #FFF2EB · #E2C477 · #7C9C38 · #00683B · #002A2B
A conversation between Moss and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Honey (#E2C477): A whisper-light, balanced gold — the color of old brass.
- Moss (#7C9C38): A luminous, balanced green — the color of new leaves after rain.
- Pine (#00683B): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#002A2B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Sunlit 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
- Powdered Amber color palette (#FFF1F1, #FFB987, #A68E30, #475D00, #002418)
- Weathered Emerald Drift color palette (#FFF3E2, #BDD688, #3AA273, #006362, #002632)
- Softworn Moss Orchard color palette (#F1E9D6, #7A9000, #005C35, #002627, #000103)
- Pine Villa color palette (#F6DC9D, #C5C87F, #83A952, #008A3A, #003727)
- Airy Mustard color palette (#EDDDD1, #B9A400, #387100, #003227, #000304)
- Muted Market color palette (#FFF0F9, #DBAF63, #3A9260, #663B7C, #242300)
- Pine Studio color palette (#E5E7D5, #009147, #004E4C, #000E15, #000108)
- Airy Dune color palette (#FFF7C4, #96D700, #00997C, #005156, #001A2D)
Browse the whole catalog at Explore, or see today's palette.