Pine Canyon color palette — #E2E7DA · #008D52 · #004072 · #003D20 · #000503

Fern and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E2E7DA): a clean, paper-quiet neutral.
• Fern (#008D52): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004072): A deep, shadowed, balanced blue — the color of open sky before noon.
• Forest (#003D20): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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

• Softworn Olive color palette (#F3EFE3, #807A00, #004752, #363300, #000501)
• Antique Nightshade color palette (#DFE9DD, #008981, #3900AC, #003A36, #0B0006)
• Cypress Study color palette (#FBEBE1, #007767, #004261, #3D1800, #001A1C)
• Weathered Alley color palette (#EAF6E6, #00A594, #7400B6, #00534A, #180827)
• Tempered Teal color palette (#DAE7D4, #00AA92, #006C81, #006153, #000502)
• Pale Harbor color palette (#D7EBE0, #008B86, #004D60, #00273F, #0B004B)
• Softworn Grove color palette (#E0F0E8, #0095C5, #89006E, #004861, #1D0507)
• Weathered Basin color palette (#E6ECE5, #AABFB0, #70988B, #005048, #192315)

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