Dusty Cobalt Harbor color palette — #F9F0EA · #A7D4B9 · #1F84BC · #005C52 · #0F1F3D

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

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Pistachio (#A7D4B9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#1F84BC): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#0F1F3D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty 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

• Worn Cerulean color palette (#FBEFE9, #90D7D2, #188A9D, #235C3A, #00281C)
• Tempered Cobalt Market color palette (#FDEFE4, #9AD9FF, #4C83D1, #006165, #1E1E4B)
• Weathered Garden color palette (#F0E7DE, #81B9EA, #4E67AB, #004A53, #160C35)
• Weathered Turquoise color palette (#E9F9F7, #D3DEEB, #49B4DE, #007D89, #02324A)
• Cerulean Drift color palette (#F4E5DC, #0085A7, #003E68, #001F1D, #00000C)
• Ash Basin color palette (#F9F0EB, #C0EFE9, #71A3C2, #5D7350, #403040)
• Indigo Meadow color palette (#F5E8CC, #B7A024, #7558B5, #635400, #1F1436)
• Airy Olive color palette (#EFE9D3, #818100, #6762B3, #624997, #1A1300)

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