Pine Summit color palette — #FBF5E6 · #92AE73 · #007E47 · #5C5100 · #2E4214

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

The five colors

• Ivory (#FBF5E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#92AE73): A luminous, balanced green — the color of new leaves after rain.
• Pine (#007E47): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#5C5100): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2E4214): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Pale Fern Ridge color palette (#F7F7E2, #6BB590, #007A72, #385D0B, #13452F)
• Olive Lantern color palette (#FFF3E6, #AFA46E, #597500, #005F4A, #443A01)
• Washed Emerald color palette (#FAF6DE, #A4C979, #539A3D, #647029, #304119)
• Powdered Cocoa Garden color palette (#F7F7E1, #7FB092, #007A6F, #84322C, #004729)
• Fern Atelier color palette (#F9F5EC, #C3C2AA, #608D6F, #536E57, #554F00)
• Hazy Jade color palette (#E3FCEE, #B8DC90, #58BC80, #948A4F, #16433A)
• Timeworn Spruce color palette (#E5E5CD, #50876C, #00504B, #1C3700, #002113)
• Softworn Meadow color palette (#DAFDFF, #00C3CB, #00767E, #004346, #002C33)

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