Pine Summit color palette — #D3E4D7 · #007C3C · #006377 · #553F00 · #000200

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

The five colors

• Bone (#D3E4D7): A whisper-light, dusty teal — the color of sea glass.
• Olive (#007C3C): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#006377): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#553F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Denim Canyon color palette (#C3E7E1, #00776D, #005A9F, #3E4900, #000201)
• Patina Nightshade Summit color palette (#E4EFE3, #006E6D, #3B34B1, #292A00, #000201)
• Dusty Garnet Atelier color palette (#F1EDD2, #766800, #00694B, #7B1700, #020100)
• Tempered Forest Meadow color palette (#D3F7E3, #005C3C, #00475E, #3A2F00, #000B04)
• Worn Amethyst color palette (#BCE9FF, #0086B1, #7848CA, #006546, #000203)
• Jade Atelier color palette (#9AFAC2, #00B771, #00673C, #001C0C, #000201)
• Dusty Summit color palette (#CAFEE1, #8DE3C8, #31BAB6, #015F22, #000704)
• Velvet Aubergine color palette (#E0EFDD, #135904, #5F007C, #590030, #000200)

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