Pine Orchard color palette — #F2F8E8 · #71B08A · #B67A46 · #007948 · #5F3711
A conversation between Pine and Caramel, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F8E8): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#71B08A): A luminous, balanced teal — the color of sea glass.
- Caramel (#B67A46): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#007948): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#5F3711): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Pine Orchard 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
- Powdered Workshop color palette (#FBF5E3, #A5A45E, #C26B79, #6C6900, #623239)
- Washed Corridor color palette (#FEF4E3, #B2A68B, #83703F, #674C1E, #3F3D36)
- Bronze Summit color palette (#D3EEC7, #009A88, #906800, #005C51, #3D2A00)
- Pine Thicket color palette (#F4F8E3, #7FAE7C, #4291C7, #257926, #1E4662)
- Lagoon Hollow color palette (#EFF9E6, #C2EADB, #96D6DC, #459165, #48573F)
- Hazy Chapel color palette (#ECF6E2, #54BA95, #BC68C1, #007757, #3F1922)
- Washed Abyss color palette (#F0F7F0, #A2B78E, #005E5D, #003635, #10211C)
- Misty Wisteria Cabin color palette (#E6FAFB, #64CFA7, #D183D5, #009770, #543655)
Browse the whole catalog at Explore, or see today's palette.