Cobalt Harbor color palette — #D5EDF6 · #5586C8 · #544F7C · #4B2A3E · #163119
Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Frost (#D5EDF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#5586C8): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#544F7C): A full-bodied, dusty violet — the color of a velvet chair.
- Espresso (#4B2A3E): A deep, shadowed, dusty pink — the color of neon signs at night.
- Deep Forest (#163119): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cobalt Harbor into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Timeworn Denim Boulevard color palette (#D6ECEE, #5692B4, #415388, #542925, #3D1F00)
- Wandering Iris color palette (#CAE2FF, #7D7ACF, #703F75, #4C3200, #063326)
- Ancient Azure color palette (#CEF1EE, #619DC4, #6F6D99, #5C4A10, #2E2D00)
- Aged Turquoise Atelier color palette (#D7E8DA, #32B1C1, #00617A, #003F38, #002235)
- Grape Market color palette (#E3E4F4, #7B479A, #622349, #002817, #071400)
- Hushed Veranda color palette (#FDE5FA, #9DA1DA, #8A79A8, #8B465B, #440E0E)
- Washed Lilac color palette (#CCE3FF, #9D94E8, #915B9F, #5D461A, #1C4119)
- Ancient Ash Bloom color palette (#EDDAFF, #BA91AB, #876C87, #3E5C56, #20484B)
Browse the whole catalog at Explore, or see today's palette.