Cobalt Harbor color palette — #C7E2F8 · #0089C7 · #8C6D00 · #4F5900 · #011D31

Built around Cerulean, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Powder Blue (#C7E2F8): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0089C7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ochre (#8C6D00): A full-bodied, balanced gold — the color of old brass.
• Olive (#4F5900): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#011D31): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged cool.

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

• Cornflower Thicket color palette (#CEDFFB, #4471FF, #717900, #525800, #0C1A31)
• Softworn Quarry color palette (#C2E3FF, #299BE0, #944900, #5F4600, #011C31)
• Dusty Petrol Field color palette (#C9E2F7, #00699C, #625200, #433700, #001D30)
• Rust Coast color palette (#BFE5F4, #00919E, #B44E30, #833923, #001E28)
• Periwinkle Quarry color palette (#FFEFFF, #549AFA, #A54700, #505100, #120013)
• Hushed Rose color palette (#EBD7E9, #629AFF, #E15E79, #548400, #081939)
• Linen Violet color palette (#D8E0FD, #8863FF, #954E00, #135108, #00270E)
• Lilac Coast color palette (#F1F5FF, #988BFF, #8A9754, #6A753F, #2C3247)

Browse the whole catalog at Explore, or see today's palette.