Pine Summit color palette — #EDF8F7 · #CFDBE3 · #9DC4CE · #007F47 · #2E4544

Built around Pine, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Silver (#CFDBE3): bright and airy, almost weightless.
• Ash (#9DC4CE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#007F47): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#2E4544): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Washed Pine Villa color palette (#EBF4F3, #C9DAE8, #9BC6DE, #327D39, #112A27)
• Emerald Archive color palette (#F5F6EF, #CDE0D8, #9DCDCB, #469C50, #3E4500)
• Aged Forest color palette (#E6F1F1, #C3CFD1, #8FA4AD, #006549, #133435)
• Pale Fern Garden color palette (#E3FBF6, #73B48D, #007B66, #305E1A, #09462A)
• Lowlit Cypress color palette (#D4EDF2, #00796D, #003137, #001D1A, #00080E)
• Timeworn Cerulean color palette (#F0F6FA, #D8D9E0, #B5A8AC, #5789A3, #49545C)
• Hushed Balcony color palette (#E9F1F4, #9DABB5, #68829E, #003F48, #03161E)
• Chartreuse Meadow color palette (#DFFCFF, #89F287, #00BEA3, #008FA5, #003A39)

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