Pine Veranda color palette — #EEF7F6 · #D1DBDF · #A3B8BA · #2F743D · #2C3F3D

Olive and Charcoal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Silver (#D1DBDF): bright and airy, almost weightless.
• Ash (#A3B8BA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#2F743D): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#2C3F3D): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns 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 Studio color palette (#ECF4F2, #CDD8DE, #A4BCC4, #45713E, #172321)
• Weathered Lagoon Lagoon color palette (#F5F6EF, #CFDED5, #A8C7BF, #608E57, #3C3E00)
• Worn Orchard color palette (#E8FAF6, #80A782, #25734A, #345521, #123D3A)
• Ancient Petrol Workshop color palette (#EFF6FB, #D5D9E5, #ACBED1, #007595, #30434D)
• Muted Abyss color palette (#D7E3E3, #A8BEBF, #6C969D, #005233, #012525)
• Ancient Alley color palette (#DCFCFF, #85D396, #00C49D, #00817E, #00362F)
• Aged Corridor color palette (#E5EDF1, #8B9DA7, #5F7384, #00313A, #000B12)
• Hushed Denim Villa color palette (#EAEFF4, #C2CED9, #91A2B8, #005C83, #22303A)

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