Sunlit Plum color palette — #F1F9E2 · #30C57E · #8D4FCB · #B61C57 · #263009

Magenta Rose and Amethyst set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F9E2): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#30C57E): A luminous, vivid teal — the color of shallow lagoons.
• Amethyst (#8D4FCB): A full-bodied, vivid violet — the color of a velvet chair.
• Magenta Rose (#B61C57): A full-bodied, vivid red — the color of embers at dusk.
• Deep Forest (#263009): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Sunlit Plum 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

• Chalky Clover color palette (#F6F9D6, #57C530, #6C5DDB, #9E3A7B, #1A3213)
• Aged Orchid color palette (#ECFBE3, #00AE91, #B853D1, #AF323E, #00342A)
• Indigo Courtyard color palette (#EAFAEB, #00B1B7, #7356EE, #A00038, #383000)
• Mint Corridor color palette (#D8FEFE, #3AE8A1, #C26EBD, #BB4C75, #003520)
• Wandering Byzantium color palette (#D5E4C6, #009772, #984AB3, #9B092A, #131F03)
• Dusty Sapphire Hollow color palette (#FDF5DC, #AFAE2A, #0072DB, #8C3DA5, #2E2D00)
• Emerald Terrace color palette (#F1FBD2, #27A058, #8A2B6C, #790328, #0F341C)
• Softworn Harbor color palette (#FFF4E2, #00C0BC, #0088B8, #A21853, #003D44)

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