Pine Summit color palette — #FAF2FB · #D2D5E5 · #5EB3CF · #427F47 · #16304A

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

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Silver (#D2D5E5): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#5EB3CF): A luminous, balanced blue — the color of open sky before noon.
• Olive (#427F47): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#16304A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cypress Ridge color palette (#FDF1F6, #D8D3DE, #8FA4DD, #007F7D, #32254E)
• Lagoon Dune color palette (#F9F4ED, #D1E7D0, #4AC5D4, #00A47B, #004253)
• Azure Grove color palette (#FEF1F9, #BCEFFF, #4097E1, #006C55, #161843)
• Aged Cerulean color palette (#EEF4EF, #A3D0DC, #008C9A, #005E45, #002435)
• Powdered Corridor color palette (#E9FBEA, #E6B669, #64A9FA, #9C6C00, #07284C)
• Washed Garden color palette (#FBF2F5, #D9D4DE, #C4BBE1, #5C9FA1, #494B64)
• Denim Parlor color palette (#F6E9F5, #5BB2B4, #005E78, #002E0E, #000104)
• Dusty Petrol color palette (#FBE8F3, #7EC1DD, #2667B3, #003F35, #020012)

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