Color palette
Our color system helps convey a consistent brand identity while distinguishing various themes within the Open Home Foundation ecosystem. Consistent use of these colors will contribute to the cohesive and harmonious appearance of the Open Home Foundation brand across all relevant media.
Which color value should I use?
Section titled “Which color value should I use?”CMYK for process-color printing
HSL, RGB or HEX code for screen viewing
Primary palette
Section titled “Primary palette”Our primary palette is anchored by a signature blue, which serves as the dominant element in most brand applications. Supported by a foundation of neutrals, dark blue, and light grey, this balance keeps the look focused, technical, and uncomplicated.
OHF Light Blue
- HEX
- RGB
- HSL
- CMYK
- Pantone
OHF Dark Blue
- HEX
- RGB
- HSL
- CMYK
- Pantone
OHF Dark Grey
- HEX
- RGB
- HSL
- CMYK
- Pantone
OHF Light Grey
- HEX
- RGB
- HSL
- CMYK
- Pantone
OHF Grey
- HEX
- RGB
- HSL
- CMYK
- Pantone
Application
Section titled “Application”To maintain brand depth, OHF Dark Blue and OHF Light Grey replace pure Black and White in all digital and print assets. Standard Black and White should be reserved exclusively for monochrome graphics.
For optimal legibility, headings are set in OHF Dark Blue, while paragraphs utilize OHF Dark Grey on light backgrounds and OHF Grey on dark backgrounds.
To ensure accessibility standards, avoid layering OHF Light Blue text on light backgrounds where possible. When in doubt, refer to our pre-approved color pairings.
[COMPONENT]
Pre-approved color pairings
Section titled “Pre-approved color pairings”[COMPONENT]
[COMPONENT]
[COMPONENT]
[COMPONENT]
[COMPONENT]
Secondary palette
Section titled “Secondary palette”Our secondary colors bring our values to life. Privacy, Choice, and Sustainability are each assigned a distinct sub-palette featuring a main color, an accent, a gradient, and grounding neutrals. This modular approach gives you the flexibility to express our brand mission across any format.
[COMPONENT]
[COMPONENT]
Application
Section titled “Application”Our secondary colors are more than just aesthetic choices; they visually represent our commitment to our users.
Privacy: We use a soft blue to communicate peace of mind. Its low saturation feels airy and open, removing the “weight” of data surveillance. Accent: OHF Blue. Choice: A vibrant magenta is the color of action. It stands out in any interface, representing the user’s power to choose. We pair it with a warm, sun-drenched Yellow (#F8B34C) to make every choice feel positive and bright.
Sustainability: A brilliant green moves away from “traditional” earthy tones toward a high-tech, luminous shade that reflects modern eco-innovation. It is supported by a vivid Deep Mint (#41D09B) to emphasize growth and renewal.
To ensure accessibility standards, refer to our pre-approved color pairings.
[COMPONENT]
Pre-approved color pairings
Section titled “Pre-approved color pairings”[COMPONENT]
[COMPONENT]
[COMPONENT]
Accessibility
Section titled “Accessibility”Ensuring accessibility is a key priority. Each color palette is thoroughly tested to meet readability standards and maintain strong contrast ratios. They are optimized to avoid color conflicts and are verified as color-blind safe, making Open Home Foundation materials accessible to all users.
Always use sufficient contrast between foreground and background colors to help every user easily perceive and understand the information presented.
Color blind simulator
Section titled “Color blind simulator”No conflicts found. The palette is color-blind safe.
[COMPONENT]
[COMPONENT]