Pine Loft color palette — #E3FBF7 · #6CB681 · #007D54 · #235B55 · #084442

Teal and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E3FBF7): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#6CB681): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007D54): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#235B55): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#084442): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

One click turns Pine Loft 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 Moss color palette (#DDFFEE, #9CAE38, #537700, #235B56, #1E4337)
• Muted Station color palette (#DBFAF2, #71BB84, #007E60, #3D5524, #002725)
• Pale Emerald Quarry color palette (#C7F7EF, #00AE5B, #006B49, #004F44, #0D371D)
• Weathered Hollow color palette (#F7F7E0, #90CB9E, #269C7A, #57733C, #1D4428)
• Lagoon Loft color palette (#ECF8F7, #9ACBCD, #548E7E, #516B71, #3A5253)
• Antique Seafoam Harbor color palette (#65FCF1, #00BBBC, #007E86, #005D69, #1B3E5E)
• Patina Veranda color palette (#E3FCF1, #A6DEB5, #1FBDB1, #879037, #0F4625)
• Weathered Coast color palette (#D2F1FF, #008CB4, #7A50DA, #00734B, #0A344A)

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