Teal and Gold Fishy Bard Color Palette
Brightness
Saturation
Warmth
UI Examples
Explore beautiful UI components with Teal and Gold Fishy Bard palette
Teal and Gold Fishy Bard color palette CSS
/* CSS */
.color-1 {
color: #3d6b8f;
}
.color-2 {
color: #5ca2a3;
}
.color-3 {
color: #7dd4b7;
}
.color-4 {
color: #f9c54e;
}
.color-5 {
color: #f94346;
}
/* CSS Variables */
:root {
--color-1: #3d6b8f;
--color-2: #5ca2a3;
--color-3: #7dd4b7;
--color-4: #f9c54e;
--color-5: #f94346;
} Teal and Gold Fishy Bard background gradient CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3d6b8f, #5ca2a3, #7dd4b7, #f9c54e, #f94346);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3d6b8f, #5ca2a3, #7dd4b7, #f9c54e, #f94346);
} Similar color palettes
Teal and Gold Fishy Bard color palette created on .