Cobalt Harbor color palette — #FFF2E9 · #9DD5EF · #007CD7 · #005150 · #050233

A conversation between Azure and Ink, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Powder Blue (#9DD5EF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#007CD7): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Forest (#005150): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#050233): A deep, shadowed, balanced 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

• Cerulean Balcony color palette (#FDF3EE, #90DBDF, #0087A8, #00543A, #000E1C)
• Iris Delta color palette (#FAF4ED, #BCF3E3, #618BF8, #006874, #1E173C)
• Denim Courtyard color palette (#EDDFE6, #67A6C2, #21579F, #003A33, #0B002C)
• Azure Meadow color palette (#D6EDEB, #75CCF5, #009CE1, #007A90, #00213B)
• Pale Amber Market color palette (#FFEAD9, #DA7100, #0086AE, #773B00, #00090F)
• Softworn Periwinkle Field color palette (#FEF3EA, #D8D5E2, #76B0FF, #00878B, #2C305C)
• Frosted Ultramarine color palette (#FFD8BE, #C35300, #007791, #2D39CC, #040100)
• Washed Powder Orchard color palette (#FAF3F0, #C0E1EB, #90D6FE, #5EA190, #574757)

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