Velvet Pine Harbor color palette — #E0E0C6 · #307849 · #004131 · #301700 · #000401

Pine takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#E0E0C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Pine (#307849): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004131): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#301700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

Use it as a design system

One click turns Velvet Pine Harbor 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

• Misty Olive Loft color palette (#F2E8D0, #5F7100, #164100, #400100, #020300)
• Dusty Pine color palette (#CFE6DF, #147E5B, #004042, #430026, #00140B)
• Aged Forest color palette (#E9E5D4, #719B5F, #0E653A, #363D05, #131300)
• Hushed Aubergine color palette (#EFF3D2, #267E26, #650062, #043404, #080007)
• Wandering Lagoon Field color palette (#E5E2CD, #569F7A, #005959, #481531, #000201)
• Eclipse Nightshade Hollow color palette (#E2EFE4, #005925, #1F10B2, #5D0300, #000200)
• Ancient Corridor color palette (#F5EBDC, #4A989B, #005361, #002D23, #000509)
• Dusty Courtyard color palette (#D3E7D8, #54AE99, #008693, #304700, #000603)

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