Sunlit Pine color palette — #F4F2C2 · #9AB770 · #2C8B58 · #006B59 · #065456
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Custard (#F4F2C2): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#9AB770): A luminous, balanced green — the color of new leaves after rain.
- Fern (#2C8B58): A full-bodied, balanced teal — the color of sea glass.
- Pine (#006B59): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#065456): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Sunlit Mint Canyon color palette (#D8F3C1, #69C399, #008676, #006171, #1F4A65)
- Frosted Olive color palette (#FFE5C6, #B6A04F, #757D22, #2B6B39, #185444)
- Wandering Jade color palette (#C3F5E6, #A2CE93, #4CA66B, #008160, #114E41)
- Quiet Mint color palette (#F5ECBD, #BEDB8F, #4ECC82, #199F8E, #2F4E36)
- Emerald Grove color palette (#E3EBC8, #00A83F, #006E5C, #00494E, #182C4A)
- Pine Archive color palette (#DFFCFB, #6AB189, #B3709D, #00794A, #5B334E)
- Muted Boulevard color palette (#EBFAED, #A8AB7F, #886E3B, #6E4732, #1F4540)
- Lagoon Courtyard color palette (#D9FEFB, #D7D8E7, #ACC8EB, #59856E, #365155)
Browse the whole catalog at Explore, or see today's palette.