Suggested color schemes

Suggested color schemes, dark-mode, minimal, vibrant

Preview image. Unlock full-res

Three-layer color-scheme spread showing six approved decorative-text-background stacks as overlapping rounded squares, with a layer-order key and a white explainer.

Elementsimage, diagram
Palette
#5865F2
#FFFFFF
#57F287
#FEE75C
#EB459E
#ED4245

Summary

The approved three-color schemes page: six stacks of three overlapping rounded squares (decorative, text, background) on a black page, with a key naming each layer and a short white intro.

Visual description

Two-page 16:9 spread. The white left page has the "03 BRAND COLORS" eyebrow, a three-line headline "USAGE" (blurple) over "SUGGESTED" and "COLOR SCHEMES" (near-black), a note that layer order matters and cannot be shuffled, and a small key labeling three stacked outlined squares as Decorative Color, Text Color, Background Color. The black right page holds six three-square stacks, each captioned: Blurple + White + Green, Fuchsia + White + Yellow, Blurple + White + Yellow (top row), Yellow + Blurple + White, Green + White + Blurple, Red + White + Yellow (bottom row). The far-left blurple stripe carries the rotated caption and page 32.

Key takeaway

Defining a color scheme as an ordered three-layer stack (background, text, decorative) and drawing each as overlapping squares so the layer roles are visible. Stating that the stacking order is fixed turns a palette into a usable system.

Reuse notes

A reusable model for documenting multi-color schemes rather than single pairings, useful when layouts have a background, body text, and an accent. The layer-order key is the key idea to carry over. Pair with a matching "schemes to avoid" page.

From this deck: Suggested color schemes

View deck

More like this