Sunlit Harbor color palette — #F3EAA0 · #FFC097 · #00E3E2 · #486248 · #232A23
Built around Lagoon, softened by Butter — the whole palette hums with nature and growth.
The five colors
- Butter (#F3EAA0): A whisper-light, balanced green — the color of fresh herbs.
- Cantaloupe (#FFC097): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Lagoon (#00E3E2): A whisper-light, balanced teal — the color of glacier melt.
- Pine (#486248): A full-bodied, dusty green — the color of new leaves after rain.
- Onyx (#232A23): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.
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
- Ancient Straw Loft color palette (#EFE992, #FFD1BC, #96E0FF, #516A5E, #2C3832)
- Washed Boulevard color palette (#FFE2DE, #FFB7D2, #00E8B9, #526343, #252B1F)
- Gentle Sunflower Veranda color palette (#99F9BB, #E0D354, #88D1FF, #45695C, #212D29)
- Aged Apricot color palette (#E3E8CA, #FF994A, #00C6C8, #005656, #0B1B0C)
- Dusty Aqua color palette (#EDE8D9, #E6B4FF, #19D2FE, #174257, #222E35)
- Wandering Station color palette (#FFE5F8, #A6E9FF, #D4DECF, #20392C, #091610)
- Wandering Mustard Boulevard color palette (#D4E7D4, #DDBF00, #A0B2FF, #404A75, #2B1C27)
- Aged Grove color palette (#EDF8F5, #FFC5BD, #6D9AC2, #446785, #142621)
Browse the whole catalog at Explore, or see today's palette.