Pine Summit color palette — #EBDCF1 · #00793F · #004258 · #3E001A · #000708

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

The five colors

• Thistle (#EBDCF1): A whisper-light, dusty pink — the color of neon signs at night.
• Pine (#00793F): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004258): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#3E001A): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#000708): quiet, heavy and certain.

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

• Olive Harbor color palette (#FFE9E5, #596F00, #004547, #370036, #000802)
• Charred Lagoon color palette (#F2DFDC, #006450, #003056, #2E0001, #000202)
• Navy Pier color palette (#DEEFEB, #007765, #004649, #120471, #001B18)
• Pine Drift color palette (#DDEEE8, #008F5F, #004E4E, #232F00, #000B05)
• Lagoon Coast color palette (#FFEBCC, #00A279, #00606A, #4E0041, #010500)
• Nightshade Meadow color palette (#E9D9E0, #007473, #1D1CA1, #311600, #00060A)
• Shadow Loft color palette (#D6F7F0, #356E0C, #3E0078, #350700, #0B0100)
• Cellar Navy color palette (#F9D6E1, #005153, #16006D, #130800, #000102)

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