Sunlit Harbor color palette — #E6E7D9 · #75B200 · #009650 · #006861 · #00373B
Clover and Kelly Green set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E6E7D9): a clean, paper-quiet neutral.
- Clover (#75B200): A luminous, vivid green — the color of new leaves after rain.
- Kelly Green (#009650): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#006861): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#00373B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Emerald Courtyard color palette (#E9F0E3, #0BAB2B, #007343, #004D39, #003831)
- Gentle Moss color palette (#F9EEDF, #AE9E00, #728C00, #00692F, #004132)
- Clover Veranda color palette (#D6E6D5, #00D459, #00A965, #008761, #004233)
- Jade Corridor color palette (#D2E5CF, #00C188, #00938E, #005C69, #003A5C)
- Feathered Lime Corridor color palette (#DFF982, #58E049, #009A52, #005F4E, #002C2D)
- Pine Field color palette (#DBE7CC, #00833A, #004E47, #002A2C, #00070D)
- Tempered Mint Atelier color palette (#B0FFEE, #00CDB2, #008D78, #005649, #00211C)
- Airy Glacier color palette (#D1FFE3, #48F6F8, #A1BFFF, #8B8500, #00463C)
Browse the whole catalog at Explore, or see today's palette.