Dusty Cobalt color palette — #FBEFE8 · #99D2E4 · #3383B8 · #005C53 · #101F3E

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FBEFE8): a clean, paper-quiet neutral.
• Sky (#99D2E4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3383B8): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005C53): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#101F3E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Cobalt Atelier color palette (#F7F1EA, #9FD4C6, #5E78C1, #005A65, #331426)
• Cerulean Pier color palette (#FBEFE8, #86D8D5, #008BA0, #045F36, #00281C)
• Cobalt Terrace color palette (#FEF1F9, #A9CBDD, #477DAD, #00624D, #303660)
• Petrol Quarry color palette (#F3E7D9, #90B8DD, #4F66AD, #004A54, #170B37)
• Dusty Terrace color palette (#EBF9F7, #D3DEEB, #5DB2D7, #267C86, #163145)
• Washed Cerulean Alley color palette (#E9DCD2, #0085A8, #003E68, #001F1D, #00000C)
• Blush Courtyard color palette (#FFEBF7, #F8CFFF, #EC9CAC, #517293, #341826)
• Feathered Denim Balcony color palette (#E9DED6, #45A8D3, #0059A1, #003939, #05022D)

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