Pine Dune color palette — #FFD3C6 · #008F49 · #005570 · #64001F · #002B25

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

The five colors

• Shell Pink (#FFD3C6): A whisper-light, dusty orange — the color of toasted spice.
• Fern (#008F49): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005570): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#64001F): A deep, shadowed, balanced red — the color of embers at dusk.
• Deep Forest (#002B25): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Lagoon Field color palette (#F0DAC5, #008C6D, #005084, #4D2800, #002A2C)
• Antique Drift color palette (#F9D5CD, #7A7D00, #005954, #60003A, #102B0A)
• Softworn Emerald color palette (#FFEADE, #449A62, #006383, #712006, #263520)
• Onyx Delta color palette (#F9EED7, #008D71, #005663, #51023D, #001115)
• Jade Villa color palette (#EEDBBE, #00AB89, #007687, #6E2B58, #152A11)
• Dusty Ultramarine color palette (#FBE1B3, #008F90, #310DE6, #4A3400, #002E3C)
• Hushed Ridge color palette (#E0E4D1, #128629, #6B006D, #551300, #281500)
• Frosted Grove color palette (#FFF3E9, #24AE9A, #376AAE, #713F1E, #2D4334)

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