Sunlit Harbor color palette — #F2F8E5 · #74E7A4 · #EDA2D0 · #5CB480 · #5C3638

Lagoon and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F8E5): A whisper-light, dusty green — the color of fresh herbs.
• Lagoon (#74E7A4): A whisper-light, balanced teal — the color of sea glass.
• Carnation (#EDA2D0): A luminous, balanced pink — the color of a candy shop window.
• Jade (#5CB480): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#5C3638): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Balance. Tagged light.

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 Quarry color palette (#E5FAF8, #ADE5B5, #EBA1C2, #519D61, #512A3C)
• Seafoam Workshop color palette (#EDFAEB, #74ECE3, #FEADB6, #69B9B2, #63443C)
• Airy Sunflower Lagoon color palette (#FCF5DF, #D3D26F, #BAB3FE, #A4A354, #593549)
• Pale Grove color palette (#EFFADF, #1BDF9E, #AAABF7, #D79175, #363932)
• Coral Orchard color palette (#DDFFE7, #82EBFF, #E98079, #00AAC0, #681B1B)
• Washed Hollow color palette (#EFFADF, #C9EFFD, #ACD5FF, #9EBF99, #4A5543)
• Softworn Seafoam Drift color palette (#FAE9E1, #EDB9FF, #00E4DD, #566654, #273026)
• Tempered Peony Harbor color palette (#D6EDCA, #39E7C9, #E9598A, #009E88, #590028)

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