diff --git a/static/assets/7.x/native-stack/headerSearchBarOptions-barTintColor.png b/static/assets/7.x/native-stack/headerSearchBarOptions-barTintColor.png
new file mode 100644
index 0000000000..2aedbec780
Binary files /dev/null and b/static/assets/7.x/native-stack/headerSearchBarOptions-barTintColor.png differ
diff --git a/static/assets/7.x/native-stack/headerSearchBarOptions-headerIconColor.png b/static/assets/7.x/native-stack/headerSearchBarOptions-headerIconColor.png
new file mode 100644
index 0000000000..85b31a7d76
Binary files /dev/null and b/static/assets/7.x/native-stack/headerSearchBarOptions-headerIconColor.png differ
diff --git a/static/assets/7.x/native-stack/headerSearchBarOptions-hintTextColor.png b/static/assets/7.x/native-stack/headerSearchBarOptions-hintTextColor.png
new file mode 100644
index 0000000000..cbeacc6c3a
Binary files /dev/null and b/static/assets/7.x/native-stack/headerSearchBarOptions-hintTextColor.png differ
diff --git a/static/assets/7.x/native-stack/headerSearchBarOptions-textColor.png b/static/assets/7.x/native-stack/headerSearchBarOptions-textColor.png
new file mode 100644
index 0000000000..f1f7cd2a4b
Binary files /dev/null and b/static/assets/7.x/native-stack/headerSearchBarOptions-textColor.png differ
diff --git a/static/assets/7.x/native-stack/headerSearchBarOptions-tintColor.png b/static/assets/7.x/native-stack/headerSearchBarOptions-tintColor.png
new file mode 100644
index 0000000000..0f9a84bce2
Binary files /dev/null and b/static/assets/7.x/native-stack/headerSearchBarOptions-tintColor.png differ
diff --git a/versioned_docs/version-7.x/native-stack-navigator.md b/versioned_docs/version-7.x/native-stack-navigator.md
index 74fed73342..accc2bcc84 100755
--- a/versioned_docs/version-7.x/native-stack-navigator.md
+++ b/versioned_docs/version-7.x/native-stack-navigator.md
@@ -376,12 +376,16 @@ The search field background color. By default bar tint color is translucent.
 
 Only supported on iOS.
 
+<img src="/assets/7.x/native-stack/headerSearchBarOptions-barTintColor.png" width="500" alt="Header search bar options - Bar tint color" />
+
 ##### `tintColor`
 
 The color for the cursor caret and cancel button text.
 
 Only supported on iOS.
 
+<img src="/assets/7.x/native-stack/headerSearchBarOptions-tintColor.png" width="500" alt="Header search bar options - Tint color" />
+
 ##### `cancelButtonText`
 
 The text to be used instead of default `Cancel` button text.
@@ -431,18 +435,24 @@ Text displayed when search field is empty.
 
 The color of the text in the search field.
 
+<img src="/assets/7.x/native-stack/headerSearchBarOptions-textColor.png" width="500" alt="Header search bar options - Text color" />
+
 ##### `hintTextColor`
 
 The color of the hint text in the search field.
 
 Only supported on Android.
 
+<img src="/assets/7.x/native-stack/headerSearchBarOptions-hintTextColor.png" width="500" alt="Header search bar options - Hint text color" />
+
 ##### `headerIconColor`
 
 The color of the search and close icons shown in the header
 
 Only supported on Android.
 
+<img src="/assets/7.x/native-stack/headerSearchBarOptions-headerIconColor.png" width="500" alt="Header search bar options - Header icon color" />
+
 ##### `shouldShowHintSearchIcon`
 
 Whether to show the search hint icon when search bar is focused. Defaults to `true`.