Pine Veranda color palette — #E9EEE0 · #008F5C · #004773 · #004228 · #000201

Fern and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E9EEE0): bright and airy, almost weightless.
• Fern (#008F5C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004773): A deep, shadowed, balanced blue — the color of open sky before noon.
• Forest (#004228): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

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

• Nightshade Ridge color palette (#EAF3E6, #008C77, #162AAE, #004035, #00000C)
• Timeworn Study color palette (#EEEADB, #7B7F00, #004E50, #373900, #000200)
• Wandering Parlor color palette (#E1ECE3, #008993, #610091, #003E44, #020006)
• Worn Courtyard color palette (#F5E7DD, #007568, #004061, #341300, #000708)
• Antique Lagoon color palette (#D8F7E5, #008C84, #005164, #001F39, #02001F)
• Muted Abyss color palette (#E8ECE7, #AAB7AF, #76958C, #004F4A, #040E03)
• Faded Grape Dune color palette (#E5F2E3, #00AAA6, #632ACD, #005856, #040014)
• Wandering Mulberry Lagoon color palette (#DBE9E2, #2199CC, #950B68, #004D6B, #080000)

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