Sunlit Harbor color palette — #F0F7C9 · #27AE1B · #007351 · #004461 · #00240B

Kelly Green takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F0F7C9): A whisper-light, dusty green — the color of a quiet forest floor.
• Kelly Green (#27AE1B): A luminous, vivid green — the color of new leaves after rain.
• Pine (#007351): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004461): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#00240B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro, 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

• Worn Jade color palette (#CFFEEF, #00AC73, #007166, #023D79, #002318)
• Gentle Moss Grove color palette (#D2FEE6, #959800, #3E7100, #00474D, #191F00)
• Tempered Moss Archive color palette (#FFF4E2, #5FA028, #00715C, #582487, #153F1F)
• Muted Pine Lagoon color palette (#CDF6E7, #009144, #005A48, #002F4D, #001212)
• Powdered Lime color palette (#E1F8EF, #8CB857, #437B33, #495125, #172602)
• Lime Terrace color palette (#FFF0FD, #A5B225, #00908C, #89347B, #1A3F1A)
• Muted Ridge color palette (#DAE8CE, #007662, #004546, #0A1157, #000706)
• Misty Aubergine Coast color palette (#DCE9DB, #00909E, #005A78, #3F126C, #00151B)

Browse the whole catalog at Explore, or see today's palette.