Soft Cobalt Drift color palette — #F7F1E7 · #9DDAF4 · #008AD1 · #006167 · #04244D

A conversation between Cerulean and Midnight, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Powder Blue (#9DDAF4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008AD1): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006167): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#04244D): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

One click turns Soft Cobalt Drift 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

• Muted Cobalt color palette (#F9F1E5, #80C5EB, #0075C3, #005059, #000D52)
• Worn Cerulean Villa color palette (#F7F1E7, #B8DAB8, #0093A5, #00644D, #002A37)
• Tempered Cornflower Dune color palette (#FDF1F7, #8EDAF9, #007DEE, #006859, #3A3967)
• Soft Azure Garden color palette (#EDF9EF, #A9E5FF, #0AA4F6, #008189, #264065)
• Denim Boulevard color palette (#F7EDDD, #4795AF, #004F73, #002B2C, #00040F)
• Aged Petrol color palette (#F5F1EB, #C6E4E7, #839DC7, #047790, #452D3F)
• Softworn Coast color palette (#FFDBD6, #CC5082, #6F7E00, #006998, #320018)
• Faded Station color palette (#FFEDEC, #D276A2, #009977, #A30068, #00281D)

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