Pine Study color palette — #F7F2DE · #8CB66E · #227F43 · #2A4E76 · #122700

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F2DE): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8CB66E): A luminous, balanced green — the color of fresh herbs.
• Olive (#227F43): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#2A4E76): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#122700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance, 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

• Feathered Olive color palette (#FDF0DD, #B6A952, #647411, #005569, #2A1F00)
• Softworn Pewter Study color palette (#F7F1E6, #BFB38F, #6B7C4F, #684B58, #2E2710)
• Wandering Forest Station color palette (#E6E5D4, #6A9C69, #006544, #28385A, #121400)
• Softworn Fern color palette (#F1E4C5, #8C9F3B, #2E6C00, #582465, #141900)
• Olive Corridor color palette (#FFF1F5, #A9A66D, #337C1D, #76336C, #3F3C0F)
• Hazy Emerald color palette (#E7FAF2, #A5C78E, #449B5E, #356BA8, #2D421C)
• Worn Quarry color palette (#FFF3E4, #D7DFA0, #5CA568, #87597D, #302E28)
• Muted Lagoon Veranda color palette (#EBEFDD, #40886D, #004F48, #272150, #000B05)

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