Pine Coast color palette — #FAD5D1 · #998051 · #33794E · #613765 · #1B001F

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

The five colors

• Shell Pink (#FAD5D1): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#998051): A luminous, dusty gold — the color of afternoon light on wheat.
• Pine (#33794E): A full-bodied, balanced teal — the color of glacier melt.
• Mulberry (#613765): A full-bodied, balanced pink — the color of peonies in June.
• Ink (#1B001F): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Ancient Garnet color palette (#F8E7E5, #A1784D, #5F6F45, #6A2C50, #260000)
• Aged Grove color palette (#F1DFC4, #68995F, #007780, #653A44, #210009)
• Washed Olive color palette (#FFE9F2, #A87B62, #676E26, #2E4265, #020E2F)
• Muted Pier color palette (#EBE0CA, #7B7F40, #2D603A, #1F2F54, #1C033B)
• Sunlit Byzantium color palette (#ECE8CA, #879C27, #911BA4, #4E5C00, #0F0012)
• Hushed Study color palette (#F2EADA, #7F7D75, #315D36, #051C46, #04000E)
• Tempered Veranda color palette (#F6E4CD, #927900, #5B6800, #004E25, #00100C)
• Powdered Aubergine Balcony color palette (#E2F2D2, #6C962A, #AD2866, #86058B, #010200)

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