Softworn Pine Veranda color palette — #FAF1E0 · #95A77E · #00784F · #5F3A44 · #1F1D04

Pine and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF1E0): A whisper-light, dusty gold — the color of old brass.
• Sage (#95A77E): A luminous, dusty green — the color of new leaves after rain.
• Pine (#00784F): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#5F3A44): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#1F1D04): 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 Softworn 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

• Pine Ridge color palette (#FBF1DF, #93B567, #007F57, #5E4900, #242100)
• Aged Emerald color palette (#E9E2CE, #709B65, #006451, #413900, #131300)
• Patina Teal color palette (#E6E8C7, #00AD91, #006774, #6F1636, #001B15)
• Wandering Chestnut Hollow color palette (#F8F0E8, #CEC3A0, #678F60, #845619, #33312A)
• Wandering Mint Villa color palette (#E9FBED, #A1C175, #3A936C, #625F7D, #1E3C35)
• Misty Olive color palette (#E2F5C7, #87B867, #5C7300, #203D00, #070C00)
• Amber Canyon color palette (#F0E1D7, #BC8800, #6F6B00, #284700, #002712)
• Misty Indigo Lantern color palette (#EEEAD0, #96AC3B, #6B5AC0, #4E5D00, #1B1539)

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