Pine Cabin color palette — #FAF3F0 · #BBDFC5 · #489FD2 · #008056 · #2A395E

Built around Teal, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Celadon Mist (#BBDFC5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#489FD2): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008056): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2A395E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Aged Periwinkle color palette (#FDF3ED, #B0E4FA, #549DF6, #008472, #3A3576)
• Aged Cornflower color palette (#F4EDE7, #9ECBE7, #5A83DA, #006C66, #31205B)
• Worn Ridge color palette (#F1F7F2, #9FCDE0, #0085A7, #006158, #183F56)
• Patina Orchard color palette (#FBF4E9, #C3ECCE, #6FBEDB, #349F92, #174437)
• Lagoon Ridge color palette (#FBF3F0, #CEE6E1, #84B9D7, #50986F, #634860)
• Hazy Ultramarine Lagoon color palette (#E9DED4, #80A7C4, #3E5AC9, #004A49, #1B003A)
• Cobalt Parlor color palette (#EBDED7, #92BDA5, #0077CB, #005B49, #181649)
• Tempered Emerald Field color palette (#FDDCD8, #D0739A, #3DA143, #00846E, #431C2D)

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