Pale Pine Canyon color palette — #F7F2DC · #8EB57C · #008045 · #2F4D75 · #222200

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F2DC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8EB57C): A luminous, balanced green — the color of fresh herbs.
• Olive (#008045): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#2F4D75): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#222200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pale 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

• Gentle Cabin color palette (#F0F5E0, #50BF99, #007C73, #4A437A, #00281C)
• Hazy Olive Coast color palette (#FAF0E2, #B4AB4D, #5F7600, #573D76, #2A1F00)
• Moss Grove color palette (#E8FBEB, #96AF4A, #007E48, #664361, #1C4338)
• Weathered Corridor color palette (#E1E0CE, #5E9F66, #006548, #28375E, #111400)
• Emerald Station color palette (#E3FCF2, #9CCA86, #2F9D5F, #496A97, #2B4220)
• Lagoon Garden color palette (#F4F2E9, #C5C6A7, #658E6E, #75595C, #31322B)
• Emerald Loft color palette (#FEF4E6, #D2E296, #21AD5E, #87597C, #2B3203)
• Tempered Lagoon color palette (#DEE3CE, #1A8C6D, #004F4A, #2A1C58, #040A00)

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