Editorial color profile
Meaning, applications, and color guidance
PANTONE 300 C is treated here as a saturated information blue: energetic enough to identify a route or active screen state, yet structured enough to support repeated use across a coordinated system.
The applications focus on transit wayfinding, a digital dashboard, and compact information panels. White typography creates a crisp editorial direction, while measured contrast remains part of every final digital pairing.
The HEX, RGB, and application image shown here are screen approximations. Use a current physical Pantone reference as the production target.[1]
Key color facts
- Pantone's Color Finder identifies the PANTONE 300 C reference. The HEX, RGB, and visualization presented here are approximate screen representations and cannot replace a current physical Pantone guide or approved sample.[1]
- Under WCAG 2.2 Success Criterion 1.4.3, normal text requires at least 4.5:1 contrast and large text requires at least 3:1, measured for the actual foreground and background colors.[2]
- This guide gives 300 C the main information role and uses neighboring blues or neutrals for hierarchy. That editorial division keeps one blue from carrying every state at the same visual volume.
- For the catalog HEX approximation: Calculated contrast with white: 6.38:1.
Calculated screen contrast
#005EB8
- Relative luminance
- 0.115
- Black contrast
- 3.29:1
- White contrast
- 6.38:1
Recommended use cases
Transit wayfinding
Apply 300 C to a route band, platform family, or destination zone, then use white or dark neutral space to separate supporting instructions. Repeating the blue at consistent scale helps distant signs feel related without filling every surface.
Consideration: Pair every color cue with names, arrows, or symbols, and evaluate the sign at realistic distance. The hue should reinforce the route, not become its only identifier.
Digital dashboards
Use the blue for a selected navigation rail, key metric tile, or active chart series against a quieter navy-gray foundation. Lighter blues can describe secondary information while the 300 C approximation marks the user's current focus.
Consideration: Test typography, icons, chart marks, and focus states separately. One passing text combination does not establish that every thin line or interactive state is clear.[2]
Information packaging
Place 300 C on a structured front panel and repeat it in tabs or instructional diagrams. A pale neutral side and a limited warm accent can distinguish product hierarchy while retaining the blue's organized, technical character.
Consideration: Proof the final stock and finish from a physical Pantone target. The illuminated browser preview is useful for composition but does not define the manufactured appearance.[1]
Color palette ideas
Transit Clarity
Route Blue
#005EB8
Station Navy
#102A43
Cloud White
#F4F7F8
Transfer Orange
#E87832
Route Blue: Own the principal route band and repeated directional anchors.
Station Navy: Ground maps, headings, and the surrounding environmental frame.
Cloud White: Open instruction panels and reduce competition around key cues.
Transfer Orange: Mark one transfer or exception without diluting the blue system.
Navy supplies structure and white creates scanning space. Orange is deliberately scarce, allowing 300 C to remain the persistent route identity while exceptions stay visible.
Dashboard Focus
Active Blue
#005EB8
Interface Ink
#17212B
Data Cyan
#54C5D0
Mist Gray
#DCE5EA
Active Blue: Highlight the selected view, primary series, or key metric.
Interface Ink: Form the stable background and high-priority dark structure.
Data Cyan: Differentiate a supporting series or live status with restraint.
Mist Gray: Carry quiet cards, dividers, and low-emphasis contextual information.
The dark foundation makes blue feel luminous, while cyan extends the data vocabulary. Mist gives secondary surfaces enough separation without introducing another competing hue.
Public Notice
Notice Blue
#005EB8
Warm Paper
#EEE9DC
Slate
#56636B
Signal Lime
#B7CC45
Notice Blue: Create the recognizable information field across related materials.
Warm Paper: Soften printed backgrounds while preserving clear hierarchy.
Slate: Support captions, diagrams, and subdued structural elements.
Signal Lime: Flag one actionable item or timely update in the system.
Warm paper makes the blue less screen-like in print, and slate manages secondary information. Lime adds a narrow action layer without weakening the main informational identity.
Production guidance
- Use a current physical PANTONE 300 C guide or reference for production approval. Treat the listed HEX, RGB, and application image as approximate screen translations rather than specifications.[1]
- Prototype complete sign families at several sizes, including arrows, route names, and supporting neutrals. Consistency of role and spacing is as important to this editorial direction as the blue field itself.
- For a digital dashboard, test the final blue in every interactive state and on the real display conditions available to the product team. Record approved foreground combinations in the interface specification.
- Measure white typography against the final background rather than relying on this profile's example alone. WCAG thresholds change with the text category, and surrounding components may use different values.[2]
Application example
Frequently asked questions
Is PANTONE 300 C suitable for white screen typography?
The catalog approximation can support a strong white-on-blue direction, but the final pair must be calculated at the intended text size and weight. Use the displayed ratio as a starting point, then test the implemented component.
How should 300 C work in a wayfinding system?
Give it one consistent role, such as the main route or information family, and combine it with words, arrows, and spacing. Avoid relying on blue alone to communicate destinations or changes.
Can the HEX approximation specify printed PANTONE 300 C?
No. HEX and RGB describe an approximate screen appearance for planning. Select and approve print against a current physical Pantone reference and the actual material sample required by the project.
Sources
Publisher: Pantone.
Accessed August 6, 2026.
Web Content Accessibility Guidelines (WCAG) 2.2
Publisher: World Wide Web Consortium.
Published October 5, 2023. Accessed August 6, 2026.