diff --git a/docs/_experimental-channel-api-warning.mdx b/docs/_experimental-channel-api-warning.mdx
index ffcfae347fe..92a7b2c8c2f 100644
--- a/docs/_experimental-channel-api-warning.mdx
+++ b/docs/_experimental-channel-api-warning.mdx
@@ -1,4 +1,4 @@
-:::tip[Experimental Feature 🧪]
+:::important[Experimental Feature 🧪]
 
 **This API is currently only available in React Native’s Experimental channels.**
 
diff --git a/website/docusaurus.config.ts b/website/docusaurus.config.ts
index f2984614a2e..5db41fa72d0 100644
--- a/website/docusaurus.config.ts
+++ b/website/docusaurus.config.ts
@@ -30,6 +30,7 @@ export type EditUrlButton = {
 };
 
 const commonDocsOptions: PluginContentDocs.Options = {
+  admonitions: {keywords: ['important'], extendDefaults: true},
   breadcrumbs: false,
   showLastUpdateAuthor: false,
   showLastUpdateTime: true,
diff --git a/website/src/css/customTheme.scss b/website/src/css/customTheme.scss
index 6784f8e3895..512c910f956 100644
--- a/website/src/css/customTheme.scss
+++ b/website/src/css/customTheme.scss
@@ -664,13 +664,20 @@ html[data-theme="dark"] article .badge {
   --ifm-alert-background-color-highlight: rgba(225, 227, 230, 0.7);
 }
 
+.alert--important {
+  --ifm-alert-background-color: #8250df2a;
+  --ifm-alert-background-color-highlight: #e0cfff;
+  --ifm-alert-foreground-color: #281846;
+  --ifm-alert-border-color: #e0cfff;
+}
+
 html[data-theme="dark"] {
   span[class^="admonitionIcon"] svg {
-    fill: hsl(from var(--ifm-alert-border-color) h calc(s + 10) calc(l + 10));
+    fill: hsl(from var(--ifm-alert-border-color) h calc(s - 10) calc(l + 10));
   }
 
   div[class^="admonitionHeading"] {
-    color: hsl(from var(--ifm-alert-border-color) h calc(s + 10) calc(l + 10));
+    color: hsl(from var(--ifm-alert-border-color) h calc(s - 10) calc(l + 10));
   }
 
   .alert--secondary {
@@ -679,6 +686,25 @@ html[data-theme="dark"] {
     );
     --ifm-alert-background-color-highlight: rgba(225, 227, 230, 0.15);
   }
+  .alert--important {
+    --ifm-alert-background-color-highlight: #442f6b;
+    --ifm-alert-foreground-color: #c0b1dc;
+    --ifm-alert-border-color: #8250df;
+  }
+}
+
+html[data-theme="light"] {
+  .alert--success {
+    span[class^="admonitionIcon"] svg {
+      fill: hsl(from var(--ifm-alert-border-color) h calc(s + 20) calc(l - 10));
+    }
+
+    div[class^="admonitionHeading"] {
+      color: hsl(
+        from var(--ifm-alert-border-color) h calc(s + 20) calc(l - 10)
+      );
+    }
+  }
 }
 
 /* Home page */
diff --git a/website/src/theme/Admonition/Types.tsx b/website/src/theme/Admonition/Types.tsx
new file mode 100644
index 00000000000..caf434a96de
--- /dev/null
+++ b/website/src/theme/Admonition/Types.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import clsx from 'clsx';
+import DefaultAdmonitionTypes from '@theme-original/Admonition/Types';
+import type {Props} from '@theme/Admonition';
+
+const {info: Info} = DefaultAdmonitionTypes;
+
+function ImportantAdmonition({className, ...rest}: Props) {
+  return <Info className={clsx(className, 'alert--important')} {...rest} />;
+}
+
+const AdmonitionTypes = {
+  ...DefaultAdmonitionTypes,
+  important: ImportantAdmonition,
+};
+
+export default AdmonitionTypes;
diff --git a/website/versioned_docs/version-0.82/_experimental-channel-api-warning.mdx b/website/versioned_docs/version-0.82/_experimental-channel-api-warning.mdx
index ffcfae347fe..92a7b2c8c2f 100644
--- a/website/versioned_docs/version-0.82/_experimental-channel-api-warning.mdx
+++ b/website/versioned_docs/version-0.82/_experimental-channel-api-warning.mdx
@@ -1,4 +1,4 @@
-:::tip[Experimental Feature 🧪]
+:::important[Experimental Feature 🧪]
 
 **This API is currently only available in React Native’s Experimental channels.**
 
diff --git a/website/versioned_docs/version-0.83/_experimental-channel-api-warning.mdx b/website/versioned_docs/version-0.83/_experimental-channel-api-warning.mdx
index ffcfae347fe..92a7b2c8c2f 100644
--- a/website/versioned_docs/version-0.83/_experimental-channel-api-warning.mdx
+++ b/website/versioned_docs/version-0.83/_experimental-channel-api-warning.mdx
@@ -1,4 +1,4 @@
-:::tip[Experimental Feature 🧪]
+:::important[Experimental Feature 🧪]
 
 **This API is currently only available in React Native’s Experimental channels.**
 
diff --git a/website/versioned_docs/version-0.84/_experimental-channel-api-warning.mdx b/website/versioned_docs/version-0.84/_experimental-channel-api-warning.mdx
index ffcfae347fe..92a7b2c8c2f 100644
--- a/website/versioned_docs/version-0.84/_experimental-channel-api-warning.mdx
+++ b/website/versioned_docs/version-0.84/_experimental-channel-api-warning.mdx
@@ -1,4 +1,4 @@
-:::tip[Experimental Feature 🧪]
+:::important[Experimental Feature 🧪]
 
 **This API is currently only available in React Native’s Experimental channels.**
 
diff --git a/website/versioned_docs/version-0.85/_experimental-channel-api-warning.mdx b/website/versioned_docs/version-0.85/_experimental-channel-api-warning.mdx
index ffcfae347fe..92a7b2c8c2f 100644
--- a/website/versioned_docs/version-0.85/_experimental-channel-api-warning.mdx
+++ b/website/versioned_docs/version-0.85/_experimental-channel-api-warning.mdx
@@ -1,4 +1,4 @@
-:::tip[Experimental Feature 🧪]
+:::important[Experimental Feature 🧪]
 
 **This API is currently only available in React Native’s Experimental channels.**