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 today; variables and styled-cell ColorRef appear in the snippet once the gallery pins @openpresentation/opf 0.11.x (reference layer, Format card). Bundle portable decks with the opf bundle CLI after publishing.
Use Slate Gray in your next deck — for free
STORYD writes a presentation around your topic and applies Slate Gray across every slide. No template hunting, no copy-paste.
Free, no card. Exports to PPTX.
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"
}
}
],
"catalogs": {
"layouts": {
"records": [
{
"$schema": "https://openpresentation.org/schema/opf-layout/v1",
"id": "title-slide",
"name": "Title_Slide",
"label": "Title Slide",
"summary": "Bold, centered typography with minimal elements. Perfect for opening your presentation with impact.",
"description": "Bold, centered typography with minimal elements. Perfect for opening your presentation with impact.",
"tags": [
"Opening",
"Impact",
"Minimal"
],
"master": "Gallery",
"masterSlideIndex": 0,
"groupHash": "ddf3a920a68b7a0316802c6a646bb4bb481c6f5a288d236ab3021b4b990d25c2",
"groupDefault": true,
"contentType": "Title",
"contentMultiple": "None",
"contentAlignment": "Center",
"contentBox": false,
"contentTypeChartPrimary": "None",
"contentTypeImageFill": "None",
"contentTypeListBullet": "None",
"contentTypeListHeading": false,
"slideTitle": true,
"slideTitleAlignment": "Center",
"slideImage": false,
"slideImageAlignment": "None",
"slideLayoutDirection": "None",
"zones": [
{
"role": "title",
"placeholder": "title"
},
{
"role": "subtitle",
"placeholder": "subtitle"
}
],
"preview": {},
"details": "Bold, centered typography with minimal elements. Perfect for opening your presentation with impact. OPF placeholders: title, subtitle.",
"category": "opening-closing",
"spatialCategory": "hero",
"contentTypeTags": [
"mixed",
"title"
],
"placeholders": [
{
"type": "title"
},
{
"type": "subtitle"
}
],
"slideSubtitle": true
}
]
}
}
}Preview this config live at pptx.dev/playground, or load it in the gallery visual editor.
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.