Google Cloud

Google Cloud Platform palette built around the four signature Google brand hues — Blue (#4285F4), Red (#EA4335), Yellow (#FBBC04), and Green (#34A853) — adapted for cloud-platform surfaces. The Google Cloud sub-brand carries the parent Google four-color identity forward and ties it to a deeper interactive Cloud Blue used in console chrome and on cloud.google.com. The palette pairs the four chromatic hues with a Google neutral ramp anchored on Google Grey 900 for primary text.

14 swatches 14 light roles 14 dark roles techcloudgcpgooglefour-colorinfrastructure

Swatches

google-blue
#4285F4
Canonical Google brand blue — the "G" of the four-color logo and the principal accent across Google Cloud marketing.
cloud-blue-600
#1A73E8
Deeper interactive blue used in the Google Cloud Console chrome and as the link / primary-action color across cloud.google.com.
cloud-blue-700
#185ABC
Pressed/active state for the Cloud Blue primary action.
google-red
#EA4335
Canonical Google brand red — the second "o" of the Google wordmark and the error / destructive accent in the Cloud Console.
google-yellow
#FBBC04
Canonical Google brand yellow — the third "o" of the Google wordmark and the warning accent in the Cloud Console.
google-green
#34A853
Canonical Google brand green — the "l" of the Google wordmark and the success accent in the Cloud Console.
google-grey-900
#202124
Primary text on light surfaces — Google Material's Grey 900 token, used on cloud.google.com body copy.
google-grey-700
#5F6368
Secondary text and metadata.
google-grey-500
#9AA0A6
Tertiary text and disabled UI.
google-grey-200
#E8EAED
Hairline borders and quiet dividers.
google-grey-100
#F1F3F4
Subtle surface tint — Cloud Console card backgrounds.
google-grey-50
#F8F9FA
Page-level background tint.
google-white
#FFFFFF
Primary canvas on light surfaces.
google-grey-1000
#171717
Dark-mode canvas — used on cloud.google.com dark hero.

Mode role mappings

Light mode (14 roles)

accent → google-blue
accent-hover → cloud-blue-600
background → google-white
error → google-red
primary → cloud-blue-600
primary-hover → cloud-blue-700
success → google-green
surface → google-grey-50
surface-elevated → google-white
text-primary → google-grey-900
text-secondary → google-grey-700
text-tertiary → google-grey-500
warning → google-yellow
warning-hover → google-red

Dark mode (14 roles)

accent → google-blue
accent-hover → cloud-blue-600
background → google-grey-1000
error → google-red
primary → google-blue
primary-hover → cloud-blue-600
success → google-green
surface → google-grey-900
surface-elevated → google-grey-700
text-primary → google-white
text-secondary → google-grey-200
text-tertiary → google-grey-500
warning → google-yellow
warning-hover → google-red

Provenance

Source
https://cloud.google.com/
License
Proprietary — All Rights Reserved
Attribution
Google, Google Cloud, the Google Cloud logo, and the Google four-color brand palette are trademarks of Google LLC. The four signature hex values (#4285F4 / #EA4335 / #FBBC04 / #34A853) are the canonical Google brand colors documented across the Google Material Design reference, the Google brand-resources site, and the cloud.google.com marketing surface.
Imported
2026-05-18
Notes
The four canonical Google hex values are widely published — they appear in the Material Design 2 color reference (material.io) and in the Google Cloud branding kits. The deeper "Cloud Blue 600" interactive variant (#1A73E8) is documented across the Google Cloud Console chrome and the Material Design system as the link / primary action color. Both light and dark modes are authored. The deeper Cloud Blue is documented as the console interactive primary on cloud.google.com surfaces.