Pine Canyon color palette — #ECF9EF · #ABB588 · #587F57 · #3D6068 · #2E4940

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

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Sage (#ABB588): A luminous, dusty green — the color of fresh herbs.
• Fern (#587F57): A full-bodied, dusty green — the color of a quiet forest floor.
• Peacock (#3D6068): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#2E4940): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Timeworn Bloom color palette (#E8FCE6, #B2A544, #567520, #464D76, #1E4331)
• Dusty Loft color palette (#E9FAF4, #A1CEAB, #5A8A91, #526A78, #3C5250)
• Ancient Basalt color palette (#FCF4EA, #CEC4A0, #8E946A, #5A7B61, #504100)
• Faded Moss Lagoon color palette (#CEF6E4, #54A944, #006B4E, #004C58, #13370B)
• Muted Mallow color palette (#EEF6FF, #DCD8E3, #E1ABD4, #618BA1, #455165)
• Dusty Olive color palette (#CFE8DB, #528B2D, #005235, #382448, #00201C)
• Timeworn Fern Lantern color palette (#D9EADC, #8D9236, #2B6412, #3B385F, #003223)
• Cornflower Garden color palette (#EFF6FF, #3B86F0, #A46E21, #7A672D, #2B394B)

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