Build the canvas
Use Turf Mist for the default page field, Soft White for crisp content surfaces, Soft Sage for an alternate section, and Bronze Wash for warm callouts.
Brand standards
The Turf Magik color system.
A shared palette for a site that feels grounded in turf, sharpened by lime, and finished with warm bronze.
Core logo palette
The colors that define the mark.
Reserve this range for the logo, brand-forward moments, and deliberate echoes of the logo’s turf and bronze construction.
-
Night Turf
#03070EMain dark field
-
Soft White
#F5F5F5TURF lettering
-
Silver Shade
#B9B9BALetter depth
-
Deep Turf
#0F3610Dark green stop
-
Forest Turf
#245915Primary dark green
-
Turf Green
#4A861FMain green
-
Fresh Green
#8EBF2EBright grass
-
Lime Highlight
#BDDE42Green highlight
-
Deep Bronze
#3F2516Bronze shadow
-
Bronze
#7D532BBase bronze
-
Warm Bronze
#C09150Mid bronze
-
Gold Highlight
#E0B774Bronze highlight
-
Pale Gleam
#F7E4B8Lightest bronze
Recommended website extensions
A practical palette for screens.
Use these around the logo for backgrounds, typography, states, buttons, links, rules, and warm supporting accents.
-
Turf Mist
#F4F7F1Page background
-
Soft Sage
#E6EDE1Cards and sections
-
Bronze Wash
#F6F0E5Warm callout
-
Evergreen Black
#0A1210Dark sections
-
Carbon Green
#1D2922Body text
-
Moss Slate
#607066Secondary text
-
Primary
#355F1CButton and link
-
Primary Hover
#294B17Hover and active
-
Bronze Accent
#B27A3BBadges and icons
-
Bronze Hover
#915C28Hover and active
-
Focus Lime
#A9C93BFocus and selected
-
Border Sage
#CAD6C3Borders and rules
Where and when to use it
Color should clarify the page.
Create dark moments
Use Night Turf for the hero, logo field, and footer. Evergreen Black or Deep Turf can separate another high-impact section without making every block equally dark.
Signal an action
Use Primary for buttons and important links, Primary Hover for interaction, and Focus Lime for keyboard focus or selected state. Keep action colors consistent.
Add character
Use Bronze Accent for icons, badges, separators, and story details. Use Lime Highlight and Fresh Green in small doses to connect the interface back to the grass in the logo.
Set readable type
Use Carbon Green for primary text and Moss Slate for secondary copy. Use Soft White on Night Turf, Deep Turf, or Primary backgrounds.
Protect the logo
Use the supplied full-color lockup on Night Turf or Evergreen Black, preserve its proportions, and leave clear space around it. Do not place it inside an added white panel.