Pine Cabin color palette — #E7FBF1 · #8AA47D · #00754E · #673C47 · #1F3C36
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#8AA47D): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#00754E): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#673C47): A full-bodied, dusty red — the color of embers at dusk.
- Forest (#1F3C36): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Cabin 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
- Softworn Pine Alley color palette (#F5F2E3, #90AA72, #447235, #4A463F, #1F1D05)
- Wandering Cypress Basin color palette (#EDF8F5, #8EBC9E, #248477, #6A5066, #2C4848)
- Patina Orchard color palette (#D9E9E3, #6B9970, #006451, #3A4310, #00302E)
- Moss Lantern color palette (#E0F0E0, #9F9500, #406800, #5B3C00, #332F00)
- Chalky Raspberry color palette (#DBF6E9, #969235, #B940A3, #5D5900, #4C2544)
- Washed Pine color palette (#D1E4DC, #4F8A51, #00513F, #531420, #022205)
- Turquoise Pier color palette (#DAFFF4, #B2E6C7, #34C0C6, #84671D, #2C4B46)
- Sunlit Grape color palette (#C8EFDF, #8B9425, #5B3EB9, #863C6D, #0E3327)
Browse the whole catalog at Explore, or see today's palette.