Pine Canyon color palette — #F3F7E9 · #74AF88 · #C07436 · #007A44 · #5C391D
Built around Pine, softened by Caramel — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F7E9): a clean, paper-quiet neutral.
- Jade (#74AF88): A luminous, balanced teal — the color of shallow lagoons.
- Caramel (#C07436): A luminous, balanced gold — the color of old brass.
- Pine (#007A44): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#5C391D): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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 Ridge color palette (#F8F6E6, #98A86A, #C46D68, #5D6F00, #623230)
- Aged Archive color palette (#FCF4E7, #B3A58A, #886F37, #6E4900, #403D36)
- Faded Olive Ridge color palette (#E1FEE9, #00A6BA, #818500, #006875, #3C3E00)
- Quiet Station color palette (#F0F9E3, #379D77, #0086B3, #796900, #363933)
- Iris Delta color palette (#EFF8EE, #9ABA97, #978ED0, #008480, #644054)
- Lagoon Loft color palette (#F1F8EA, #AFE6EA, #81D2D8, #4B8965, #41503B)
- Abyss Alley color palette (#F0F7F0, #B3B185, #005E5B, #003634, #0B211B)
- Aged Fuchsia Terrace color palette (#E6FAF9, #75CE99, #E984CD, #009055, #483B5B)
Browse the whole catalog at Explore, or see today's palette.