Pine Summit color palette — #F9F3F7 · #D3E1F0 · #73A0B7 · #2F8058 · #3C566A

Teal takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#D3E1F0): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#73A0B7): A luminous, dusty blue — the color of deep harbor water.
• Teal (#2F8058): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#3C566A): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, 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

• Tempered Aqua color palette (#EFF7F5, #CFE1F2, #65C2C8, #479687, #3D5762)
• Muted Turquoise color palette (#F2F2EC, #C4E5DB, #4CADB4, #34796C, #263C2D)
• Muted Abyss Summit color palette (#F1E7EE, #528B91, #004357, #002318, #000A18)
• Powdered Delta color palette (#FAF2F8, #97DAEC, #1A88BF, #00685A, #1E3F71)
• Worn Driftwood color palette (#EEF8EF, #BFDEED, #A9AABA, #A97C69, #3C5143)
• Bronze Field color palette (#F0F8EF, #9BBA97, #8295D5, #9B6516, #414B6E)
• Timeworn Petrol color palette (#F4ECF0, #92B7CE, #236CA9, #00504D, #1B2760)
• Hushed Cobalt color palette (#EAFAEE, #AA9663, #688CB9, #6672AB, #324938)

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