Sunlit Pine color palette — #FAF6DF · #8AAF7E · #007E49 · #005E58 · #244418
A conversation between Pine and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FAF6DF): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#8AAF7E): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#007E49): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005E58): A full-bodied, dusty teal — the color of sea glass.
- Forest (#244418): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Aged Olive Meadow color palette (#FFF4E1, #AAA765, #5A7500, #006137, #403C00)
- Aged Alley color palette (#F9F1E3, #9AB268, #00804E, #005567, #252100)
- Forest Basin color palette (#F2ECD1, #74A156, #006D35, #004281, #1A3600)
- Ancient Basalt color palette (#FBF4E8, #B7B092, #667B51, #2D6079, #4F4100)
- Pale Workshop color palette (#E5FCEA, #ACC779, #009F65, #0D758D, #0E4439)
- Hazy Delta color palette (#E2FCF2, #ACDF9B, #61BA86, #4B9891, #2A4221)
- Muted Study color palette (#FAF4EB, #97DCE4, #008DAC, #00685B, #004563)
- Bronze Corridor color palette (#F8EDDD, #867B35, #404B00, #003442, #1F1B00)
Browse the whole catalog at Explore, or see today's palette.