Sunlit Harbor color palette — #FFF1F4 · #D3A2E4 · #79C172 · #985DAD · #2F4B2C

A conversation between Amethyst and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#D3A2E4): A luminous, balanced pink — the color of peonies in June.
• Mint Leaf (#79C172): A luminous, balanced green — the color of a quiet forest floor.
• Amethyst (#985DAD): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Olive (#2F4B2C): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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 Raspberry color palette (#FFF1F1, #EC9AC2, #39BD9A, #B95B8D, #384829)
• Pale Mustard color palette (#FFF0F9, #B0AEFA, #B6A63C, #7A75C3, #45423B)
• Frosted Parlor color palette (#F4F4FF, #DEBCF5, #8BD197, #B986D9, #224D2C)
• Pale Wisteria color palette (#FFF1F5, #BA86DD, #599C58, #77548E, #2E4B2D)
• Feathered Lilac color palette (#F5F3FF, #F5BDFE, #F2A86D, #AA71B4, #503014)
• Timeworn Ash Summit color palette (#FFF1F3, #E3D8D2, #D6C093, #A48FC2, #604445)
• Hushed Meadow color palette (#FFF1F3, #CA8ACF, #BE9020, #2897A1, #4C2E34)
• Sunlit Fuchsia color palette (#FFDADB, #FF73DA, #00A56E, #9B007F, #003822)

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