Dusty Cobalt color palette — #FCF3ED · #98CEE4 · #4E7BAE · #006151 · #353659

Slate and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Sky (#98CEE4): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#4E7BAE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006151): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#353659): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: 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

• Quiet Navy color palette (#FFF2EC, #5BCAD9, #0077A7, #005938, #132C6E)
• Cobalt Garden color palette (#E7F5F4, #AECCDF, #2885B3, #005967, #00233A)
• Patina Cypress Lagoon color palette (#FBF4EC, #C0E0FF, #7D87B6, #196F73, #5B3E49)
• Dusty Petrol color palette (#F4F7EB, #B1E1CA, #5B9EC4, #00798B, #123E5C)
• Muted Sky color palette (#FDF1F8, #C3E6FC, #72B7F9, #00A09B, #2E385C)
• Antique Harbor color palette (#EEDED9, #00A3A8, #00516A, #003213, #00132F)
• Misty Grape Balcony color palette (#F8EED5, #AF9E24, #7852B0, #625700, #3C2B57)
• Dusty Terrace color palette (#FFF4DE, #B9E9B3, #6AC6CF, #8E5D38, #42433B)

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