Pine Dune color palette — #EFF7F7 · #D4DCE3 · #B9C0CC · #31875C · #384C4C

A conversation between Fern and Charcoal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D4DCE3): bright and airy, almost weightless.
• Stone (#B9C0CC): a calm mid-gray that lets other colors speak.
• Fern (#31875C): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#384C4C): 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 Dune 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

• Hushed Lagoon color palette (#F0F3ED, #CFDCD5, #AFC3BB, #388667, #2A2D26)
• Tempered Loft color palette (#E8FAF6, #8FB9BA, #3B817C, #4A623C, #28494A)
• Patina Cypress color palette (#E9F9FB, #C2D6DF, #87ABC8, #00695C, #0E393F)
• Patina Abyss Veranda color palette (#E5EDEE, #99ADB4, #658497, #004231, #00181A)
• Washed Pewter Loft color palette (#D9FFF5, #94B6BA, #718C9B, #76546F, #3F5844)
• Denim Garden color palette (#E9F0F6, #B2B9C8, #898BAA, #004875, #14212C)
• Muted Garnet color palette (#FFF0FA, #64A97E, #007789, #7F2F38, #14454B)
• Quiet Azure color palette (#E2FBFE, #D7EEAE, #4CD0C0, #3199DA, #1A454F)

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