Sunlit Pine color palette — #F5F6EC · #95BA93 · #4D6BB7 · #0E7416 · #2E1E2B

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

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Sage (#95BA93): A luminous, dusty green — the color of new leaves after rain.
• Slate (#4D6BB7): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#0E7416): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#2E1E2B): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Patina Cobalt Dune color palette (#F1F7EE, #80BDAE, #6765AC, #00705F, #2F1D28)
• Wandering Fern color palette (#F6F6EC, #9CBA7F, #087A9B, #466D00, #152920)
• Dusty Cypress color palette (#E8F5F5, #7BC5AA, #00858E, #00775A, #001117)
• Ancient Lagoon color palette (#F2F7EE, #82D8BC, #00A0BA, #009677, #1A281F)
• Faded Dune color palette (#EEF9EF, #13B7BE, #8C36A9, #006266, #28132F)
• Powdered Jade Courtyard color palette (#ECF5E4, #00A781, #005697, #00543F, #001227)
• Timeworn Cocoa Lantern color palette (#FFF3E9, #66A789, #1F758C, #7C3600, #30432B)
• Dusty Lagoon color palette (#F3F6F1, #D4DCDA, #B1C3C4, #1D8671, #444A40)

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