Pine Summit color palette — #FDF0DF · #9EA578 · #3D7248 · #5B3B4B · #221C00

Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FDF0DF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9EA578): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#3D7248): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#5B3B4B): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#221C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, 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

• Muted Atelier color palette (#F7F1E5, #A1BD97, #4A8270, #6C4A53, #28290E)
• Muted Fern Pier color palette (#F9F5EB, #99A06F, #4F6D38, #5B3D69, #37352F)
• Washed Forest Market color palette (#F1EBDC, #739A69, #006451, #4B2C4A, #031800)
• Driftwood Station color palette (#ECF9F0, #ABDDC9, #789464, #70597B, #0F2E24)
• Amber Drift color palette (#F9E5D7, #D37348, #008C99, #8D3600, #002125)
• Terracotta Ridge color palette (#FFEADA, #D98C6B, #9B4923, #552500, #190700)
• Wandering Field color palette (#FAEFEB, #AFD1BA, #3A83B3, #005E42, #141E3E)
• Tempered Rust color palette (#F3DFD5, #BD5A40, #0078A1, #38558B, #290701)

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