Hushed Pine Loft color palette — #DCF4F4 · #CFB06D · #12764C · #003E3E · #011B1B

Pine and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DCF4F4): A whisper-light, dusty teal — the color of sea glass.
• Sand (#CFB06D): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#12764C): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#011B1B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Hushed 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

• Dusty Villa color palette (#EBF8FA, #DBC18C, #278274, #134B53, #152527)
• Hushed Marigold color palette (#C4ECFB, #D5A218, #00686F, #003539, #001219)
• Fern Workshop color palette (#E1F4EB, #D2AF66, #666800, #37380B, #061B13)
• Tempered Pine Pier color palette (#F2F8E7, #EFCB7D, #00764A, #00311C, #030500)
• Dusty Lagoon Thicket color palette (#EAF1E6, #FFB29D, #009E86, #006555, #10190B)
• Ancient Corridor color palette (#DEF3F5, #C58B7F, #004F3E, #00291F, #01121C)
• Wandering Amber Thicket color palette (#DBF1F2, #B88A00, #00523F, #002117, #000304)
• Hushed Cobalt Hollow color palette (#E8F9FA, #69C9AE, #1686D2, #00856C, #091A29)

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