Timeworn Pine Veranda color palette — #F1F3EB · #D0DAD6 · #AFC0BF · #548258 · #2B2D24

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

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#D0DAD6): bright and airy, almost weightless.
• Stone (#AFC0BF): a calm mid-gray that lets other colors speak.
• Fern (#548258): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#2B2D24): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Timeworn Pine Veranda 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

• Weathered Studio color palette (#F5F2E6, #95BFA1, #36837D, #635500, #252A17)
• Petrol Corridor color palette (#ECF4F0, #E1D4D7, #C2B2B8, #1C6F88, #18241D)
• Spruce Lantern color palette (#E6E9E0, #98A398, #5E8675, #004222, #030500)
• Tempered Lagoon Corridor color palette (#EFF7F6, #D5DCE1, #BAC1CF, #6D9D71, #394C4A)
• Hushed Chestnut Veranda color palette (#F4EED2, #B1C5A2, #739088, #854B22, #4F2400)
• Hushed Spruce color palette (#E7ECE6, #7D9389, #766573, #00312F, #000200)
• Tempered Jade Corridor color palette (#FFEDEA, #7AAC6E, #287688, #6C2F42, #1C2710)
• Worn Courtyard color palette (#DDE9E4, #BDAEB9, #A1848D, #004A67, #000F08)

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