Pine Cabin color palette — #F3F8E7 · #00925C · #006088 · #313B70 · #2F2D1B
A conversation between Fern and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F3F8E7): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#00925C): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#006088): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#313B70): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Espresso (#2F2D1B): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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
- Patina Emerald color palette (#F3F8E6, #00923D, #006684, #623D0C, #2E2912)
- Jade Villa color palette (#F9F7DE, #25B180, #037A71, #2E4E7B, #36412C)
- Pine Archive color palette (#F3F9CD, #097519, #004B5F, #3F2100, #171800)
- Quiet Ultramarine color palette (#E7FDDF, #008475, #0050B3, #474000, #222702)
- Washed Summit color palette (#D0FFE3, #4BCAA2, #008D7D, #005B57, #004449)
- Patina Emerald color palette (#F2F4E2, #5F903F, #565E97, #602742, #1C0F00)
- Navy Loft color palette (#E2F1DF, #00625A, #153195, #2E2D00, #0F1300)
- Olive Balcony color palette (#FDF5E0, #847900, #00655B, #632C2A, #342512)
Browse the whole catalog at Explore, or see today's palette.