Cobalt Harbor color palette — #FFF2EB · #92D1E0 · #437EAA · #1C604A · #2F385A
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Sky (#92D1E0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#437EAA): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#1C604A): A full-bodied, dusty teal — the color of sea glass.
- Navy (#2F385A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Chalky Aqua Thicket color palette (#FFF2ED, #00D0D8, #00799E, #005A2B, #0C3263)
- Worn Lantern color palette (#E8F5F3, #A9CEE0, #3187A4, #005A60, #002338)
- Ancient Ridge color palette (#F8ECE0, #84B8DF, #4A60B7, #00504F, #342350)
- Aged Cerulean Drift color palette (#FBF4EE, #C0E6D7, #748AB8, #236F6A, #5C3D4C)
- Worn Cypress color palette (#F4F7EB, #B5E0C6, #5BA0BA, #007B83, #00405A)
- Muted Garden color palette (#FAF3F7, #C9E5F3, #6ABBEE, #00A28E, #233A60)
- Cerulean Lantern color palette (#F3E6DE, #008FAD, #003E6C, #00231A, #050227)
- Moss Harbor color palette (#ECEDCB, #7AAB1C, #008756, #005C4B, #123F57)
Browse the whole catalog at Explore, or see today's palette.