Sunlit Harbor color palette — #E5F1E5 · #37D488 · #00B286 · #007C67 · #00302D
Built around Clover, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Cream (#E5F1E5): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#37D488): A luminous, vivid teal — the color of shallow lagoons.
- Jade (#00B286): A luminous, balanced teal — the color of sea glass.
- Teal (#007C67): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#00302D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, 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
- Tempered Emerald Archive color palette (#E0EFD1, #81CD66, #00AF48, #008554, #003124)
- Sunlit Aqua Quarry color palette (#C2EEE3, #00D6C9, #00AEB3, #007C89, #00323E)
- Powdered Clover Studio color palette (#D9EEB9, #00D276, #00A58B, #006FB8, #003220)
- Jade Balcony color palette (#DDE3D3, #00AC72, #006955, #004027, #070900)
- Feathered Bloom color palette (#EDEDDA, #7BBE39, #009256, #005A52, #00333C)
- Powdered Lime color palette (#FCFBA0, #8BD730, #00A06B, #00534C, #001C22)
- Soft Teal color palette (#F0FBD7, #B4E8CF, #79CBB5, #00A79A, #005051)
- Aged Mustard Archive color palette (#E9E3CA, #C5B900, #8C9C00, #597C00, #0F2E00)
Browse the whole catalog at Explore, or see today's palette.