Pine Cabin color palette — #FFF1F1 · #B07294 · #498D4B · #007460 · #4F2D2D
Built around Fern, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Dusty Rose (#B07294): A luminous, balanced rose — the color of pressed rose petals.
- Fern (#498D4B): A full-bodied, balanced green — the color of a quiet forest floor.
- Teal (#007460): A full-bodied, balanced teal — the color of glacier melt.
- Espresso (#4F2D2D): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Balance. Tagged 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
- Worn Thicket color palette (#FFF2EE, #BE6D79, #008E82, #006F82, #4C3029)
- Muted Olive Study color palette (#FFF2EF, #B87082, #957628, #3A7B00, #4C302B)
- Muted Parlor color palette (#F4EFFF, #C169AD, #957E00, #00788D, #211A2D)
- Wandering Lantern color palette (#FBF4E8, #9A7E22, #617130, #005F61, #36322C)
- Misty Plum color palette (#FFDEE5, #C52566, #00755E, #00585E, #48001F)
- Amber Alley color palette (#FFF1F2, #D783C4, #B29706, #1296AF, #493032)
- Hushed Market color palette (#F3E8DC, #916000, #006D65, #1B4E6B, #2D1B00)
- Tempered Bronze color palette (#FFF2EA, #B7A38C, #9C6247, #763E47, #403D36)
Browse the whole catalog at Explore, or see today's palette.