Cobalt Harbor color palette — #F4E8E0 · #6DBFD7 · #0178C6 · #005B48 · #161944
Royal Blue and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F4E8E0): a clean, paper-quiet neutral.
- Cyan (#6DBFD7): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#0178C6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005B48): A full-bodied, balanced teal — the color of glacier melt.
- Deep Indigo (#161944): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Weathered Workshop color palette (#F3E2DD, #56C5C3, #0081A0, #005E1B, #00203F)
- Chalky Archive color palette (#F0E4D8, #6CA9D4, #435EBA, #004A49, #1A0238)
- Cornflower Bloom color palette (#F6EDE5, #85CEFA, #6083D3, #006C67, #302452)
- Airy Villa color palette (#FDF1F9, #ABD2E8, #0081C6, #00524B, #000138)
- Denim Bloom color palette (#D4E6E4, #6FA8BC, #00607F, #003D44, #002235)
- Gentle Cerulean Market color palette (#F2E1D7, #0BA3BD, #005D91, #003D2C, #03002D)
- Quiet Pine color palette (#FFF2EE, #06E7E5, #009BBF, #007923, #00345F)
- Airy Periwinkle color palette (#FEF3EA, #A7E6FF, #549EF3, #008571, #3A3A67)
Browse the whole catalog at Explore, or see today's palette.