Pine Canyon color palette — #F2F0DF · #20803D · #004236 · #440710 · #001504

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

The five colors

• Cream (#F2F0DF): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#20803D): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004236): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#440710): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#001504): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, 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

• Worn Olive color palette (#F1E7D4, #5E752C, #00441C, #2A2200, #0B1200)
• Frosted Emerald Grove color palette (#EEEED8, #4A9849, #006433, #443700, #011501)
• Powdered Aubergine color palette (#EBEBC8, #527B1B, #6C005F, #1E3400, #21001C)
• Frosted Aubergine color palette (#E5E7CC, #265B00, #5F0086, #580041, #020A00)
• Mint Thicket color palette (#E8F1E1, #5CC39F, #0085A1, #403B00, #001C10)
• Jade Boulevard color palette (#EDEDD7, #00AC76, #006963, #742417, #003823)
• Weathered Cypress color palette (#F8F5EA, #80A77B, #007557, #594A00, #35362F)
• Lagoon Cabin color palette (#FAECE4, #529E9C, #005362, #00321B, #001624)

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