Shadow Pine color palette — #FCD8CA · #007741 · #003942 · #20000C · #000201

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

The five colors

• Shell Pink (#FCD8CA): A whisper-light, dusty orange — the color of toasted spice.
• Pine (#007741): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003942): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#20000C): A deep, shadowed, dusty rose — the color of strawberry cream.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged retro, dark, muted.

Use it as a design system

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

• Fern Market color palette (#FDE4CF, #6E6500, #003C27, #180022, #010100)
• Obsidian Navy color palette (#FAE2D1, #007176, #002D6D, #1A0700, #000102)
• Fern Basin color palette (#F6E8F6, #325100, #00282D, #1E0003, #000201)
• Dusty Pine color palette (#E3E3D1, #1C9059, #00463F, #132000, #000201)
• Eclipse Aubergine Drift color palette (#E4ECD2, #006638, #340070, #170002, #030100)
• Washed Workshop color palette (#F0E2DA, #3FB3CA, #005C81, #002C24, #000105)
• Ancient Quarry color palette (#D9EFDC, #1D938F, #06507D, #3A1608, #090200)
• Emerald Lagoon color palette (#FFD7D0, #38902C, #006578, #6F0030, #000503)

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