Squarespace is not WordPress, but many PaletteRx users build on Squarespace. The platform's template system includes built-in color palettes that can be customized through the Design panel and Custom CSS.
Squarespace Color Architecture
Squarespace 7.1 uses a "palette" system with theme colors that cascade through the template. Each section can use one of several preset palettes (which control background, text, button, and accent colors). The colors within each palette are editable through Design, then Site Styles, then Colors.
Applying PaletteRx Colors
Export your palette from PaletteRx as Generic JSON to get your hex values. In Squarespace's color editor, replace each default color with the corresponding PaletteRx value: site background gets your light base, heading color gets your dark base, button color gets your primary, accent color gets your supporting.
Custom CSS for Deeper Control
Squarespace's built-in color controls do not cover every element. For full control, add PaletteRx's CSS Variables export to Squarespace's Custom CSS panel (Design, then Custom CSS). Then override specific elements: .header-nav-item a { color: var(--color-primary); }
Section Palette Strategy
Squarespace's section-based palette system is powerful. Create a "light section" palette using your light base and dark base, and a "dark section" palette using the reverse. Apply these alternately down the page for visual rhythm that uses your PaletteRx colors throughout.