Dusty Cobalt color palette — #FDF3EE · #ACCFBA · #4A7DA9 · #00624B · #31375B

Built around Slate, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Pistachio (#ACCFBA): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#4A7DA9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00624B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#31375B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Airy Courtyard color palette (#FFF2EE, #83C5C7, #00799B, #005A26, #003266)
• Frosted Cobalt color palette (#FCF3ED, #9FD7F4, #467ED5, #00675D, #3E3570)
• Wandering Hollow color palette (#EDF4EE, #A2CFE4, #0088B2, #005C57, #052239)
• Softworn Veranda color palette (#FBF4EA, #BEDDC8, #00A3D5, #007C77, #183E5A)
• Hushed Lantern color palette (#F8ECE2, #8EB7D6, #4C61B1, #00504F, #342350)
• Cypress Balcony color palette (#FAF3F0, #CCE6E1, #6EA0C0, #437C60, #62495F)
• Washed Navy color palette (#F7EAE2, #4D8A9E, #003D6F, #00231B, #07002B)
• Dusty Sky color palette (#FBF2F8, #BAE8FD, #73BAEC, #5A9B7F, #2C3B55)

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