Pine Cabin color palette — #FEF2EE · #BFE8F1 · #4CB2E6 · #108354 · #1E2D4C

A conversation between Fern and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Frost (#BFE8F1): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#4CB2E6): A luminous, balanced blue — the color of open sky before noon.
• Fern (#108354): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#1E2D4C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Dusty Periwinkle color palette (#FBF4EE, #C1E4F6, #78A6F3, #008075, #422235)
• Pine Parlor color palette (#FFF2EE, #B3FFF8, #00ABCB, #1B780B, #002743)
• Sky Meadow color palette (#EFF8F0, #A4EFF8, #59C1E1, #339F8F, #1F3E54)
• Muted Cornflower Thicket color palette (#FCF3ED, #C9EBFF, #518DFE, #006B63, #1F173C)
• Muted Workshop color palette (#FCF2F9, #A9CBD9, #0E84A9, #00624B, #203D58)
• Ancient Seafoam color palette (#DCFFEA, #36DBC5, #009CA1, #006887, #032C4C)
• Faded Coral Pier color palette (#E8FBED, #48D3EB, #FD7767, #008597, #441813)
• Aged Jade Atelier color palette (#E5FCEB, #DED8E2, #A79F96, #6AA572, #243D2F)

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