Pine Dune color palette — #ECDCD6 · #007A3E · #00454F · #49001F · #001B15

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

The five colors

• Bone (#ECDCD6): bright and airy, almost weightless.
• Pine (#007A3E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00454F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#49001F): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#001B15): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, muted.

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

• Wandering Cypress color palette (#FFDECB, #007669, #004162, #421300, #001A1D)
• Antique Olive Parlor color palette (#F8E4D4, #5E6F00, #00483C, #42003B, #021D01)
• Aged Garnet Lagoon color palette (#FFDCCF, #009183, #005785, #631E00, #002F34)
• Abyss Drift color palette (#DBEAD6, #005148, #282F34, #001408, #010400)
• Nightshade Orchard color palette (#EDF0DD, #006B1B, #211596, #3B0E00, #150A00)
• Navy Balcony color palette (#F0F0E1, #00967E, #006568, #1A2093, #001B18)
• Hushed Moss color palette (#E7EFE2, #90AE00, #00987D, #005E85, #001B1A)
• Nocturne Navy color palette (#FEE7D1, #00555C, #001469, #180900, #000407)

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