Pine Cabin color palette — #FFF2ED · #D2DCF3 · #48BCF1 · #008D52 · #123269

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Powder Blue (#D2DCF3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cyan (#48BCF1): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008D52): A full-bodied, balanced teal — the color of sea glass.
• Navy (#123269): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.

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

• Wandering Alley color palette (#FFF3E9, #D9D6E2, #8BADF6, #008882, #382A5D)
• Patina Pier color palette (#FFF2EC, #D5DEF8, #00A5EB, #00764F, #081962)
• Gentle Aqua color palette (#EFF8F1, #BDEDFF, #30C9EE, #00A892, #004662)
• Patina Cerulean color palette (#FEF1FB, #89DFE6, #008BBB, #006B3C, #243F6C)
• Weathered Driftwood color palette (#FBF3EF, #C2E0EB, #9DCDD4, #859A74, #5E4456)
• Aged Petrol color palette (#FBEAE4, #7BC5C8, #007193, #00411C, #00020B)
• Denim Cabin color palette (#EADBCF, #74AAC5, #21529C, #002C27, #010009)
• Quiet Harbor color palette (#FFF3E8, #98D5F7, #4676D4, #00524C, #10002E)

Browse the whole catalog at Explore, or see today's palette.