Professional color palette testing and visualization tool
Currently viewing: Ocean Breeze
Mode: Light
Choose Palette
LightDark
Showing 6 of 15 palettes
Ocean Breeze
Cool blues and teals
Dark variant available
Sunset Glow
Warm oranges and reds
Dark variant available
Forest Deep
Rich greens and browns
Dark variant available
Shire Harmony
Peaceful greens and earthy tones from the Shire
Dark variant available
Rivendell Elegance
Ethereal blues and purples inspired by Rivendell
Dark variant available
Rohan Earth
Warm earth tones from the plains of Rohan
Dark variant available
Page 1 of 3
Ocean Breeze
Cool blues and teals
Primary Action
This demonstrates how primary elements look with this color palette.
Secondary Action
This shows how accent colors work within the overall design system.
✓
Success
⚠
Warning
✗
Error
i
Info
Color Swatches
Primary
#0284C7
Secondary
#E0F2FE
Accent
#0EA5E9
Warm
#F59E0B
Cool
#06B6D4
Surface
#FFFFFF
Semantic Colors
Success
#10B981
Warning
#F59E0B
Error
#EF4444
Info
#0EA5E9
CSS Export
:root {
--color-primary: #0284C7;
--color-secondary: #E0F2FE;
--color-accent: #0EA5E9;
--color-warm: #F59E0B;
--color-cool: #06B6D4;
--color-background: #F8FAFC;
--color-surface: #FFFFFF;
--color-foreground: #1E293B;
--color-muted: #64748B;
--color-border: #E2E8F0;
--color-success: #10B981;
--color-warning: #F59E0B;
--color-error: #EF4444;
--color-info: #0EA5E9;
}