Sunlit Pine color palette — #D8F2E8 · #83BE60 · #008F4B · #245B9D · #1E350E
A conversation between Fern and Clover, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D8F2E8): A whisper-light, dusty teal — the color of glacier melt.
- Clover (#83BE60): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#008F4B): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#245B9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#1E350E): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, 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
- Frosted Mint color palette (#D6F2ED, #61C28C, #008C74, #006772, #00381F)
- Frosted Mustard color palette (#DCF2DF, #BDAE06, #6C8300, #00657E, #342F00)
- Faded Olive Hollow color palette (#D8EADC, #A9AA5C, #5B8000, #5D4981, #093123)
- Aged Grove color palette (#DEFDF9, #7ACEAF, #009B90, #665F9E, #114245)
- Pale Study color palette (#F5EAD2, #ACCE7A, #2DB265, #846DAA, #243400)
- Hazy Moss Delta color palette (#D7F4DB, #839F00, #006C3D, #5A3257, #293208)
- Muted Studio color palette (#EFF7F5, #B0DBD6, #67AC8D, #6E7E98, #3C5250)
- Emerald Pier color palette (#DFF4ED, #5B9358, #006340, #562244, #011501)
Browse the whole catalog at Explore, or see today's palette.