ここに表示される色は、システムカラーと呼ばれるWindowsやMacOSが保持しているシステム情報です。
このシステムカラーを使うと、ページを見る側のOSの環境に合わせて色が表示されます。
システムカラーは、CSSで指定することができます。

システムカラー名
activeborder	アクティブなウィンドウの枠の色
activecaption	アクティブなウィンドウの枠の色 ウィンドウのタイトルバーの色
appworkspace	アプリケーション内のウィンドウの背景色
background	デスクトップの背景色
buttonface	立体的ボタンの表面の色
buttonhighlight	立体的なボタンの光のあたっている面の色
buttonshadow	立体的なボタンの影になってる面の色
buttontext	立体的なボタンのテキストの色
captiontext	タイトルバーのテキストの色
graytext	選択できないテキストの色
highlight	選択している状態の色
highlighttext	選択しているテキストの色
inactiveborder	アクティブでないウィンドウの枠の色
inactivecaption	アクティブでないウィンドウのタイトルバーの色
inactivecaptiontext	アクティブでないウィンドウのタイトルバーのテキストの色
infobackground	ツールチップの背景色
infotext	ツールチップのテキストの色
menu	メニューの背景色
menutext	メニューのテキストの色
scrollbar	スクロールバーの色
threeddarkshadow	立体的に表示される部分の暗い影の色
threedface	立体的に表示される部分の表面の色
threedhighlight	立体的に表示される部分の光のあたっている面の色
threedlightshadow	立体的に表示される部分の明るい影の色
threedshadow	立体的に表示される部分の影の色
window	ウィンドウの背景色
windowframe	ウィンドウのフレームの色
windowtext	ウィンドウのテキストの色