Pine Loft color palette — #E9F6EB · #8CC0B0 · #41855E · #515270 · #152D26

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

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Mint Leaf (#8CC0B0): A luminous, dusty teal — the color of sea glass.
• Fern (#41855E): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#515270): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#152D26): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Pine Study color palette (#E8FBF0, #A7B78A, #5A7E56, #5B566C, #2E4941)
• Cypress Veranda color palette (#E4F7EC, #8AAB80, #00765F, #5B375A, #00221E)
• Weathered Lagoon Workshop color palette (#FBF4E9, #BBCD91, #639F7A, #846972, #44433B)
• Weathered Azure Grove color palette (#F6F0F3, #BEE2F6, #5292CE, #006F58, #212B44)
• Worn Pine Delta color palette (#D2E4DB, #4C8953, #004F46, #401938, #000A09)
• Shadow Forest Cabin color palette (#CEECE4, #00684C, #003133, #2B0019, #000202)
• Terracotta Terrace color palette (#FCEDF6, #D88F71, #009BC8, #9F461E, #002C3B)
• Bronze Canyon color palette (#FFECF3, #E2AB76, #B65704, #653800, #210F00)

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