diff --git a/projects/layout/src/lib/toolbar-search/toolbar-search.component.html b/projects/layout/src/lib/toolbar-search/toolbar-search.component.html
index 1936a538..e3c3d4c5 100644
--- a/projects/layout/src/lib/toolbar-search/toolbar-search.component.html
+++ b/projects/layout/src/lib/toolbar-search/toolbar-search.component.html
@@ -1,4 +1,4 @@
-<ion-toolbar>
+<ion-toolbar [color]="color">
   <ion-buttons slot="start">
     <ng-content select="[start]"></ng-content>
 
diff --git a/projects/layout/src/lib/toolbar-search/toolbar-search.component.ts b/projects/layout/src/lib/toolbar-search/toolbar-search.component.ts
index 354d7b13..c7cdd144 100644
--- a/projects/layout/src/lib/toolbar-search/toolbar-search.component.ts
+++ b/projects/layout/src/lib/toolbar-search/toolbar-search.component.ts
@@ -40,6 +40,7 @@ export class ToolbarSearchComponent implements OnInit {
   closeButtonVisible = false;
   @Input() title:string;
   @Input() placeholder:string;
+  @Input() color:string;
   @Output() inputChange: EventEmitter<any> = new EventEmitter();
   @Output() close: EventEmitter<any> = new EventEmitter();