Pine Canyon color palette — #ECF4ED · #9ABCB0 · #4A845D · #515173 · #072F24

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

The five colors

• Cream (#ECF4ED): bright and airy, almost weightless.
• Ash (#9ABCB0): A luminous, dusty teal — the color of sea glass.
• Fern (#4A845D): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#515173): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#072F24): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Antique Cocoa color palette (#E7F5F2, #8CBDC3, #3A818C, #774351, #0E2C30)
• Antique Olive Thicket color palette (#EEF8F1, #B2B47F, #617F35, #6B4E6A, #30493E)
• Dusty Cypress color palette (#EAF6EB, #9CA677, #3C724B, #594218, #1A1F00)
• Antique Olive Archive color palette (#D6FDEA, #ADBD8A, #7D822A, #414800, #151600)
• Softworn Lagoon Workshop color palette (#FCF4E9, #BFCA9E, #659F76, #8D6472, #4D4300)
• Worn Aubergine color palette (#D3ECDF, #6BA56D, #006A5C, #67105C, #001D03)
• Olive Veranda color palette (#D0E7D7, #668346, #005137, #342800, #040A00)
• Washed Cypress color palette (#F7EFF4, #C8E1ED, #6792B9, #006F56, #1D2B4A)

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