Dusty Cobalt Studio color palette — #F0F3EA · #ABD1C7 · #577DB2 · #005679 · #30152D

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Oat (#ABD1C7): A whisper-light, dusty teal — the color of sea glass.
• Slate (#577DB2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005679): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#30152D): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Cerulean Drift color palette (#F2F3E7, #B4CFBA, #258A9D, #005B59, #002530)
• Cobalt Lagoon color palette (#FEF1F5, #ACC8E5, #6175B3, #005E6B, #3C3161)
• Mallow Dune color palette (#FFEBFB, #CED3FF, #BFAAEB, #5173A0, #33192D)
• Washed Denim color palette (#EAEED9, #5994A6, #00516B, #002B30, #00050B)
• Soft Cobalt color palette (#F1E0F0, #3B79D8, #954E9B, #006967, #210821)
• Petrol Field color palette (#EDF8F7, #BED7F1, #6F98CD, #0075A1, #28395E)
• Dusty Corridor color palette (#F6E1F6, #5992E1, #B25A82, #0D51A6, #390020)
• Misty Atelier color palette (#CDE9F7, #2E9FD8, #0066A5, #003C71, #071C43)

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