Cobalt Harbor color palette — #F7F6EA · #C2DD7D · #1592DA · #6A8202 · #000705

Cerulean and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Pistachio (#C2DD7D): A whisper-light, balanced green — the color of new leaves after rain.
• Cerulean (#1592DA): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#6A8202): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#000705): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Sunlit Cabin color palette (#F3F7EB, #84E9AE, #3C8DDE, #008D54, #0C020E)
• Gentle Sunflower color palette (#FAF5EB, #ECCE66, #009E9D, #8E7400, #000801)
• Softworn Emerald Hollow color palette (#F4F6EC, #C3F4C8, #5FA7D2, #539D5F, #011710)
• Tempered Aubergine color palette (#DAE5D8, #008D87, #4A0D8C, #003330, #020007)
• Clover Archive color palette (#ECF8F7, #9DDDA3, #00BCA7, #00B43F, #001D21)
• Weathered Violet color palette (#F0F9E6, #00E5A7, #7B58FF, #007E5A, #02000C)
• Misty Teal color palette (#EDFAE6, #00B09C, #2271AA, #6E3566, #0E0600)
• Powdered Study color palette (#E6FFCC, #9BE5B4, #009E91, #006070, #00243C)

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