Pine Summit color palette — #FEF0FF · #B2FFFB · #00ABCF · #09791A · #002645

Olive and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Sea Foam (#B2FFFB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00ABCF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#09791A): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#002645): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Soft Azure color palette (#FFF0FB, #D2DAF5, #00A5EB, #00764F, #0C1D58)
• Frosted Delta color palette (#F6F6E9, #86EEEA, #00C2CA, #009A84, #003A42)
• Dusty Forest Atelier color palette (#FFF2EB, #82C6C3, #007B8F, #005932, #003751)
• Weathered Boulevard color palette (#FDF2F5, #D8D3DE, #93A3DE, #277D7E, #292B4A)
• Soft Cerulean Boulevard color palette (#FDF1FC, #76DFE2, #0087AC, #005623, #000C21)
• Timeworn Balcony color palette (#F0DFEB, #60AFC1, #00598B, #002D1F, #00000B)
• Emerald Studio color palette (#FFEAC6, #BFBC00, #4B9000, #006730, #002822)
• Patina Driftwood Corridor color palette (#FAF3F9, #D4D4E3, #AFC5ED, #719E81, #3F4E63)

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