Pine Canyon color palette — #F7D5D7 · #00773E · #00374B · #210005 · #000201

Pine and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F7D5D7): A whisper-light, dusty red — the color of embers at dusk.
• Pine (#00773E): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#00374B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#210005): A deep, shadowed, dusty red — the color of embers at dusk.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

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

• Eclipse Forest color palette (#FBE0D6, #005A25, #002836, #220003, #000503)
• Nocturne Terrace color palette (#FFD9D0, #686800, #003B36, #1A001F, #000200)
• Cellar Aubergine color palette (#DAEEEB, #026926, #430054, #1C2117, #150200)
• Navy Harbor color palette (#FBDBE5, #007273, #1B1C83, #160900, #000102)
• Muted Lagoon color palette (#D9EAE5, #3E8B70, #004549, #122000, #000201)
• Wandering Pier color palette (#F1E4D1, #008F73, #006575, #69004E, #000504)
• Quiet Canyon color palette (#EAE2C7, #008695, #4119A6, #231A00, #000103)
• Timeworn Nightshade Grove color palette (#FFE7EF, #009E9B, #3049AB, #412300, #000507)

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