TSM.Consulting Inc.
Start a Project
Presets

Colour presets.

Strata ships with three curated colour palettes. Each palette sets the entire colour system — background, text, borders, and UI elements update with one click. Select a palette in Theme settings > Palette, then choose an accent colour to personalise further.

Midnight

Cool, modern, editorial

Best for: Contemporary fashion, streetwear, tech-forward DTC brands

Strata
ShopNew InJournal
The Linen Edit.
Shop nowLearn more
Background#111111
Background secondary#1A1A1A
Text#F5F5F0
Text secondary#9A9A95
Accent#6B8AFD
Button#F5F5F0
Button text#111111
Border#2A2A2A
Sale#E85D5D
Success#4CAF50

Clay

Warm, refined, earthy

Best for: Lifestyle brands, homeware, sustainable fashion, artisanal products

Strata
ShopNew InJournal
The Linen Edit.
Shop nowLearn more
Background#F5F0E8
Background secondary#EBE5DA
Text#1A1A18
Text secondary#6B6560
Accent#C4875A
Button#1A1A18
Button text#F5F0E8
Border#DDD5C8
Sale#B3261E
Success#3D6B2F

Dark

Deep, luxurious, dramatic

Best for: Luxury goods, jewellery, watches, premium spirits

Strata
ShopNew InJournal
The Linen Edit.
Shop nowLearn more
Background#0A0A0A
Background secondary#141414
Text#E8E0D4
Text secondary#8A8480
Accent#C8A46B
Button#E8E0D4
Button text#0A0A0A
Border#1F1F1F
Sale#E58A73
Success#5A8A4A

Accent colours

Independent of the palette, you can choose from seven accent colours. The accent is used for active states, links, badges, and interactive elements throughout the theme.

AutoMatches palette default — Electric for Midnight, Clay for Clay, Gold for Dark
ElectricCool blue — modern, tech-forward
ClayWarm amber — earthy, refined
VoltBright green — energetic, fresh
EmberWarm orange — bold, playful
IrisSoft purple — creative, premium
BlushRose pink — soft, feminine

Switching palettes

Changing palettes updates all colour tokens instantly in the theme editor preview. Layout, typography, and content settings are independent of palettes and preserved when you switch.