Color Scheme
Slate Gray
A disciplined gray scale with strong neutral contrast. Use it when the content should feel calm, mature, and analytical.
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:slate-gray{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "PPTX.gallery — color-schemes/slate-gray",
"tags": [
"gallery:color-schemes/slate-gray"
],
"variables": {
"highlight": {
"type": "color",
"value": "#0F4C81",
"description": "Brand highlight paired with the \"slate-gray\" color scheme."
}
},
"design": {
"colorScheme": "slate-gray"
},
"slides": [
{
"id": "gallery-color-title",
"layout": "title-slide",
"title": "Color scheme preview",
"subtitle": "Applies the \"slate-gray\" 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"
}
}
]
}Load this config in the gallery's visual editor, or in the Inspector at pptx.dev.
Best Use Cases
Executive summaries, legal materials, strategy decks, research reports
Color Psychology
Gray reduces emotional load and lets structure, numbers, and phrasing carry the message.
Accessibility
WCAG AAAThe 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
Industry Fit
General Color Tips
60-30-10 Rule
Use your primary color 60% of the time, secondary 30%, and accent 10% for visual balance.
WCAG AA Minimum
Ensure text has at least 4.5:1 contrast ratio against backgrounds. All schemes in this catalog meet WCAG AA.
Industry Context Matters
Match color psychology to audience expectations. Blue works for finance, green works for health, and purple works for technology.
Test on Projectors
Colors shift on projectors. Test dark backgrounds in the actual presentation environment before presenting.