Pine Summit color palette — #ECF4F3 · #CFDADF · #AFC0CE · #568255 · #212F2D

Fern takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#CFDADF): a clean, paper-quiet neutral.
• Ash (#AFC0CE): A luminous, dusty blue — the color of open sky before noon.
• Fern (#568255): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#212F2D): quiet, heavy and certain.

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 Olive color palette (#F5F6EF, #D4DED8, #ACC7C3, #607F4F, #484840)
• Petrol Market color palette (#ECF3F7, #D3D5DF, #ACB8CA, #007089, #11232C)
• Denim Grove color palette (#D1F2F1, #9BC2CB, #5F859B, #5D5071, #412B44)
• Ancient Meadow color palette (#E2EFEE, #90A4A7, #59838F, #004222, #000605)
• Ancient Lagoon color palette (#EFF7F5, #D4DCE2, #BEB2B7, #7AAF67, #364240)
• Patina Lagoon color palette (#D7F1F3, #23876E, #15363F, #001A1D, #000808)
• Hushed Thicket color palette (#E6F7E9, #75AB82, #007B77, #612D6B, #00292B)
• Linen Mint Workshop color palette (#E2F7F7, #D4EEB1, #64D8B1, #0098A7, #002F27)

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