Pine Summit color palette — #DFF8F5 · #009036 · #006063 · #003C69 · #322C00

Built around Kelly Green, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Ivory (#DFF8F5): A whisper-light, dusty teal — the color of shallow lagoons.
• Kelly Green (#009036): A full-bodied, vivid green — the color of a quiet forest floor.
• Peacock (#006063): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#003C69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#322C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Powdered Lagoon Grove color palette (#DAF8FE, #008A7E, #005C7D, #31336A, #203200)
• Sunlit Olive color palette (#E3F8ED, #807B00, #00653A, #004349, #442100)
• Pale Olive Basin color palette (#DCF3EF, #528D45, #005D7E, #4C1C52, #230D00)
• Pale Lagoon color palette (#E5FAFB, #00A07A, #006E88, #614101, #074238)
• Weathered Fern color palette (#E3FCF2, #8CA56F, #496E3D, #305347, #1A3D35)
• Obsidian Pine color palette (#DFF6F4, #007642, #002C2F, #041717, #000507)
• Softworn Lime color palette (#E0FCF9, #9AD137, #53B85E, #128E6E, #133E25)
• Washed Teal Quarry color palette (#C6ECEE, #62B9A9, #387F82, #465871, #433C51)

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