diff --git a/boofilsic/settings.py b/boofilsic/settings.py
index d685a01d..dbd87880 100644
--- a/boofilsic/settings.py
+++ b/boofilsic/settings.py
@@ -36,6 +36,7 @@ env = environ.FileAwareEnv(
     NEODB_SITE_LOGO=(str, "/s/img/logo.svg"),
     NEODB_SITE_ICON=(str, "/s/img/icon.png"),
     NEODB_USER_ICON=(str, "/s/img/avatar.svg"),
+    NEODB_SITE_COLOR=(str, "azure"),  # https://picocss.com/docs/colors
     NEODB_SITE_INTRO=(str, ""),
     NEODB_SITE_HEAD=(str, ""),
     NEODB_SITE_DESCRIPTION=(
@@ -205,6 +206,7 @@ SITE_INFO = {
     "site_logo": env("NEODB_SITE_LOGO"),
     "site_icon": env("NEODB_SITE_ICON"),
     "user_icon": env("NEODB_USER_ICON"),
+    "site_color": env("NEODB_SITE_COLOR"),
     "site_intro": env("NEODB_SITE_INTRO"),
     "site_description": env("NEODB_SITE_DESCRIPTION"),
     "site_head": env("NEODB_SITE_HEAD"),
diff --git a/common/templates/common_libs.html b/common/templates/common_libs.html
index e8f728d1..ca9cf4cc 100644
--- a/common/templates/common_libs.html
+++ b/common/templates/common_libs.html
@@ -20,7 +20,7 @@
 <script src="{{ cdn_url }}/npm/htmx.org@2.0.4/dist/htmx.min.js"></script>
 <script src="{{ cdn_url }}/npm/hyperscript.org@0.9.13"></script>
 <link rel="stylesheet"
-      href="{{ cdn_url }}/npm/@yohns/picocss@2.2.1/css/pico.min.css" />
+      href="{{ cdn_url }}/npm/@yohns/picocss@2.2.1/css/pico.{{ site_color }}.min.css" />
 <link href="{% sass_src 'scss/neodb.scss' %}"
       rel="stylesheet"
       type="text/css" />
diff --git a/docs/configuration.md b/docs/configuration.md
index 0c0b1a8a..4acc6eaa 100644
--- a/docs/configuration.md
+++ b/docs/configuration.md
@@ -21,6 +21,7 @@ if you are doing debug or development:
  - `NEODB_SITE_LOGO`
  - `NEODB_SITE_ICON`
  - `NEODB_USER_ICON`
+ - `NEODB_SITE_COLOR` - one of [these color schemes](https://picocss.com/docs/colors)
  - `NEODB_SITE_INTRO`
  - `NEODB_SITE_HEAD`
  - `NEODB_SITE_DESCRIPTION`