Cobalt Harbor color palette — #F4E3DB · #56C3D4 · #007DB4 · #005C3D · #0C1B47
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F4E3DB): A whisper-light, dusty orange — the color of toasted spice.
- Cyan (#56C3D4): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007DB4): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C3D): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#0C1B47): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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 Cobalt Thicket color palette (#F6ECE5, #8FCFE8, #4C89CF, #006E5D, #29284F)
- Softworn Study color palette (#F0DED1, #4EAED7, #0B60CB, #004B42, #130935)
- Ancient Cerulean color palette (#FCF1FA, #93D9E5, #0085B1, #005342, #000D20)
- Antique Parlor color palette (#D8EDE9, #57ADBA, #006274, #003E3E, #00232F)
- Softworn Cerulean color palette (#EFF1E1, #A3CBAE, #00A3C0, #007D7D, #00232F)
- Azure Archive color palette (#FEF3ED, #8FEBFF, #27A5EF, #108662, #323D64)
- Magenta Studio color palette (#FFE7FB, #C000B6, #007C60, #005D62, #21041F)
- Driftwood Basin color palette (#FCF3F0, #BFE5EB, #87BACD, #6C9170, #5B4D5D)
Browse the whole catalog at Explore, or see today's palette.