Dusty Cobalt color palette — #F9F0EA · #AAD3BB · #4D80B0 · #005D49 · #181C41

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

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Pistachio (#AAD3BB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4D80B0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D49): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#181C41): 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 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

• Patina Cornflower color palette (#FAF0E7, #A9D7F3, #587FD5, #00635D, #28184D)
• Pale Basin color palette (#FFEEE7, #71CCD6, #007BA9, #005532, #00114C)
• Ancient Cobalt color palette (#FBF4EA, #A8D0BA, #1F81B1, #005F60, #1C3C5D)
• Ancient Indigo Bloom color palette (#EFE8E0, #92B7DB, #5962B1, #004B4E, #1E0A30)
• Feathered Teal Corridor color palette (#D7F3E6, #00B2AD, #007996, #00436F, #122248)
• Azure Dune color palette (#FCF2F8, #B3DBF1, #5A9AD9, #007E67, #323562)
• Timeworn Bronze color palette (#D3F2E2, #369EC4, #B36341, #005E7A, #350E00)
• Washed Cypress color palette (#D9FBE9, #D8E3FF, #C59FD2, #2A7D66, #301C33)

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