Sunlit Fern color palette — #F7F3FE · #D18BC1 · #B86468 · #356A00 · #061D31

Built around Olive, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F3FE): bright and airy, almost weightless.
• Mauve (#D18BC1): A luminous, balanced pink — the color of peonies in June.
• Mocha (#B86468): A luminous, balanced red — the color of embers at dusk.
• Olive (#356A00): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#061D31): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Aged Lilac color palette (#F1F5FF, #9C9DE7, #B86674, #666000, #0E202E)
• Softworn Bronze Field color palette (#F8F2FE, #CC86AA, #A2722B, #006C51, #14142C)
• Softworn Alley color palette (#FAF2FC, #E8A9B2, #B98A5F, #15765A, #22273B)
• Peony Studio color palette (#E6FBF4, #C4C6FF, #C075A6, #00755A, #2E2E4D)
• Weathered Alley color palette (#FFF0FB, #CF7764, #6F7500, #004C59, #10051B)
• Ancient Wisteria color palette (#F6F3FF, #C483C4, #4F3F54, #201A2E, #04050A)
• Frosted Workshop color palette (#EDF1FF, #7662D5, #933852, #004A52, #0A1521)
• Peony Meadow color palette (#F8F2FF, #E323AF, #8F4800, #00452E, #04001C)

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