Sunlit Pine color palette — #F5EFFC · #EC8FC0 · #C3842D · #008645 · #002F46

Fern and Bubblegum set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5EFFC): bright and airy, almost weightless.
• Bubblegum (#EC8FC0): A luminous, balanced rose — the color of strawberry cream.
• Mustard (#C3842D): A luminous, balanced gold — the color of old brass.
• Fern (#008645): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002F46): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Sunlit Pine 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 Bloom color palette (#FBF1FC, #F2A5B0, #B29F55, #009181, #243564)
• Coral Quarry color palette (#EFF1FF, #BCA1EF, #DC6D60, #6B7800, #003237)
• Moss Pier color palette (#FCEDF7, #E99B85, #7EA04C, #007D97, #3C1453)
• Pale Lilac color palette (#FFF0F9, #9B9AF4, #8E7300, #004F77, #001E30)
• Peony Quarry color palette (#EADFF0, #DD5C8D, #926B00, #006047, #001229)
• Forest Alley color palette (#FFE2EF, #AE5700, #046916, #003B55, #050005)
• Emerald Delta color palette (#D8E6D8, #D19530, #009C67, #0066A3, #390037)
• Feathered Rust Villa color palette (#EEF1FF, #958AD1, #AD5437, #005C5F, #2D1D5A)

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