PPTX.gallery

Color Scheme

Steel Blue

A steel-blue palette that combines credibility, precision, and calm. Useful for analysis-heavy decks.

accent1#4A66AC
accent2#629DD1
accent3#297FD5
accent4#7F8FA9
accent5#5AA2AE
accent6#9D90A0
dark1#000000
dark2#182238
light1#FFFFFF
light2#EAEDF6
hyperlink#9454C3
followedHyperlink#3EBBF0

Content color references (ColorRef)

Swatches above are the hex catalog values for this scheme. In OPF documents, content can also reference those slots by name (for example accent1, textSecondary) or define deck-level variables and use var:<id> in rich text and styled table cells. The OPF Config below demonstrates named runs, variables, and styled-cell ColorRef using @openpresentation/opf 0.14.0. See the Format card. Use the published CLI's opf bundle command to inline resolved catalog records for portable offline decks; remote media and data remain separate.

OPF Config

color-schemes:steel-blue
Open Presentation Format
{
  "$schema": "https://openpresentation.org/schema/opf/v1",
  "name": "PPTX.gallery — color-schemes/steel-blue",
  "tags": [
    "gallery:color-schemes/steel-blue"
  ],
  "variables": {
    "highlight": {
      "type": "color",
      "value": "#0F4C81",
      "description": "Brand highlight paired with the \"steel-blue\" color scheme."
    }
  },
  "design": {
    "colorScheme": "steel-blue"
  },
  "slides": [
    {
      "id": "gallery-color-title",
      "layout": "title-slide",
      "title": "Color scheme preview",
      "subtitle": "Applies the \"steel-blue\" color scheme deck-wide.",
      "design": {
        "contentBox": false,
        "contentAlignment": "center",
        "titleAlignment": "center"
      }
    },
    {
      "id": "gallery-color-named-runs",
      "layout": "title-slide",
      "title": "Content color references",
      "text": [
        "Slot names like ",
        {
          "text": "accent1",
          "color": "accent1",
          "bold": true
        },
        " and roles like ",
        {
          "text": "secondary text",
          "color": "textSecondary"
        },
        " resolve through the effective color scheme."
      ],
      "design": {
        "contentBox": false,
        "contentAlignment": "center",
        "titleAlignment": "center"
      }
    },
    {
      "id": "gallery-color-variable-runs",
      "layout": "title-slide",
      "title": "Document variables",
      "items": [
        [
          "Highlight ",
          {
            "text": "critical KPIs",
            "color": "var:highlight",
            "bold": true
          },
          " with deck-level variables."
        ]
      ],
      "design": {
        "contentBox": false,
        "contentAlignment": "center",
        "titleAlignment": "center"
      }
    },
    {
      "id": "gallery-color-styled-cells",
      "layout": "title-slide",
      "title": "Styled table cells",
      "table": {
        "columns": [
          "Signal",
          "Status"
        ],
        "rows": [
          [
            "Rollout",
            {
              "value": "At risk",
              "style": {
                "fill": "surface",
                "color": "var:highlight",
                "borders": {
                  "bottom": {
                    "color": "accent1",
                    "width": 1
                  }
                }
              }
            }
          ],
          [
            "Hiring",
            {
              "value": [
                {
                  "text": "On track",
                  "color": "accent3",
                  "bold": true
                }
              ],
              "style": {
                "fill": "light2"
              }
            }
          ]
        ]
      },
      "design": {
        "contentBox": false,
        "contentAlignment": "center",
        "titleAlignment": "center"
      }
    }
  ]
}
Open in visual editorOpen in Inspector

Load this config in the gallery's visual editor, or in the Inspector at pptx.dev.

Best Use Cases

Research reports, operating reviews, healthcare decks, insurance presentations

Color Psychology

Blue-gray tones feel precise and measured, making technical or analytical content easier to trust.

Accessibility

WCAG AAA

The default dark1/light1 pairing is 21:1, exceeding WCAG AAA for normal text. Check accent usage against the chosen background for small labels.

Mood Tags

calmprecisemeasuredprofessionalanalytical

Industry Fit

healthcareinsuranceresearchtechnologyoperations

General Color Tips

1

60-30-10 Rule

Use your primary color 60% of the time, secondary 30%, and accent 10% for visual balance.

2

WCAG AA Minimum

Ensure text has at least 4.5:1 contrast ratio against backgrounds. All schemes in this catalog meet WCAG AA.

3

Industry Context Matters

Match color psychology to audience expectations. Blue works for finance, green works for health, and purple works for technology.

4

Test on Projectors

Colors shift on projectors. Test dark backgrounds in the actual presentation environment before presenting.