Sunlit Pine color palette — #F0EEB8 · #97B26C · #4D8C4F · #1B6741 · #0A4E58

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F0EEB8): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#97B26C): A luminous, balanced green — the color of fresh herbs.
• Fern (#4D8C4F): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#1B6741): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#0A4E58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Hazy Olive color palette (#FFE5C6, #C0A556, #7E7A05, #4A600D, #14534B)
• Wandering Pine Study color palette (#EAE7BC, #A5C88F, #61A75A, #288541, #195235)
• Lagoon Summit color palette (#F7F9D0, #8EC69E, #3E917A, #157372, #365843)
• Lagoon Study color palette (#C3EBC7, #5FC2A4, #00958B, #006472, #2C4367)
• Peony Boulevard color palette (#F5F7E7, #80AE76, #BB6B98, #427436, #5E3535)
• Ancient Moss color palette (#DCECCC, #18B429, #00714B, #004B44, #052F42)
• Bronze Orchard color palette (#F4F9DD, #BDF0DC, #9BCFE3, #8F7A32, #47543C)
• Cocoa Station color palette (#FFF3E5, #B6A581, #8A6C45, #784212, #3F3D36)

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