Pine Study color palette — #F7F1E7 · #98A873 · #1D7749 · #134E5C · #201C07

A conversation between Pine and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Sage (#98A873): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#1D7749): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#134E5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#201C07): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine Study 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

• Muted Olive Field color palette (#FCEFE4, #B19F60, #4D720E, #543A60, #251A02)
• Patina Lagoon color palette (#F5F2E6, #B1B88D, #338576, #395E52, #272A13)
• Tempered Meadow color palette (#F4ECDA, #719B5F, #00644F, #52293C, #131300)
• Timeworn Emerald color palette (#E9FAF3, #BDDAB0, #489E68, #2C7069, #082F29)
• Cobalt Corridor color palette (#F9EFEC, #B4D0B9, #0087B6, #005F36, #2E162D)
• Muted Olive color palette (#E8DFCC, #5C863C, #00513B, #002E3F, #030A00)
• Wandering Coast color palette (#F5DEF3, #3C76E1, #757200, #366429, #1F0B1E)
• Timeworn Blush color palette (#FFEAFE, #E1C8F9, #FC9BA8, #007989, #331F2C)

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