Pine Summit color palette — #FAF0E4 · #B3B886 · #4D8453 · #6E494F · #2D270F

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF0E4): a clean, paper-quiet neutral.
• Sage (#B3B886): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4D8453): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#6E494F): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#2D270F): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Worn Villa color palette (#F5F2E8, #C3C7A2, #539081, #795851, #31322B)
• Tempered Orchard color palette (#FFEFDE, #B0AA69, #3C7D20, #494477, #2A1F00)
• Muted Lagoon Bloom color palette (#F5F2E4, #95BFA2, #068780, #2E5F55, #252A16)
• Mulberry Pier color palette (#FFEDED, #D289B4, #6AA44F, #933A73, #172E0A)
• Hazy Moss color palette (#EFE3CC, #75A642, #006C4D, #6D1541, #0C1A00)
• Timeworn Jade color palette (#ECF8F3, #B7E7EF, #6FB078, #5C7998, #213F38)
• Hushed Cerulean Parlor color palette (#F7F0ED, #CBE4D0, #3F97C5, #276D4A, #3A2338)
• Dusty Stone Hollow color palette (#FFECF0, #E3D2CD, #E8B789, #7373A4, #462C2D)

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