Hushed Spruce Veranda color palette — #F0F3EC · #D8BEA6 · #416C54 · #2A3700 · #12150C

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

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Sand (#D8BEA6): A luminous, dusty gold — the color of old brass.
• Pine (#416C54): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#2A3700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#12150C): a grounded near-black with real depth.

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

Use it as a design system

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

• Denim Hollow color palette (#EAF5EF, #D8A59A, #005E78, #002C3A, #021009)
• Aged Lagoon color palette (#EDF8F7, #EFC3D4, #468E68, #305454, #1F2F2E)
• Timeworn Pine Archive color palette (#F1F3EC, #BFC8A4, #6781BF, #33844E, #1D111B)
• Cocoa Loft color palette (#FCEFE5, #83B8A9, #4F7F99, #76441D, #203121)
• Worn Rust Pier color palette (#DCEBE1, #B25C41, #4A4B54, #003039, #000A0D)
• Inked Bloom color palette (#E7F4DC, #854400, #2F343C, #001911, #000201)
• Terracotta Corridor color palette (#EFF4E7, #6FA287, #817CAD, #8F434C, #1F2612)
• Denim Atelier color palette (#EBF8D5, #AEC7A5, #4896A9, #005D8B, #19245D)

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