Cobalt Harbor color palette — #DCFAF0 · #007DC2 · #873341 · #403C00 · #112D0E

Cerulean takes the lead with Garnet close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DCFAF0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#007DC2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Garnet (#873341): A full-bodied, balanced red — the color of a theater curtain.
• Deep Olive (#403C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#112D0E): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Hushed Sapphire color palette (#FCECFA, #356DE9, #8F2E24, #344000, #002F13)
• Aged Veranda color palette (#DEF3EB, #2C84B8, #834008, #3E3300, #191400)
• Feathered Mulberry Grove color palette (#E3F8E6, #008790, #7F3269, #60260A, #352A00)
• Frosted Bloom color palette (#E3F5FF, #00A5CB, #A85552, #4D5600, #2A2F00)
• Tempered Fern color palette (#C5EBDC, #9698D3, #876381, #5E5700, #34432C)
• Sunlit Amethyst Atelier color palette (#FFDCF0, #6B37FF, #783600, #003E22, #002422)
• Timeworn Lilac Pier color palette (#FFF1F6, #A487D1, #8E692F, #2F5F42, #1C4739)
• Ultramarine Alley color palette (#EBD8E8, #0030EC, #5E2000, #251F00, #00170C)

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