Cobalt Drift color palette — #FFF0F8 · #7FC1E3 · #1F6EC0 · #005656 · #252B66

Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sky (#7FC1E3): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#1F6EC0): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005656): A full-bodied, dusty teal — the color of sea glass.
• Navy (#252B66): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns 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

• Petrol Workshop color palette (#FFF0FB, #68C9D1, #007999, #00583F, #00355A)
• Ancient Cobalt Market color palette (#F0F4E7, #88C5E3, #007AB1, #004F5F, #001B33)
• Sunlit Corridor color palette (#E3FBF9, #8ED5FA, #0096DA, #006F85, #00355C)
• Dusty Canyon color palette (#E7DADF, #7EA4C0, #0B53AD, #003D40, #19134E)
• Patina Coast color palette (#F0F8EF, #C5E0FA, #7989B3, #246D79, #474266)
• Worn Periwinkle Station color palette (#FFF2E9, #ABE3FF, #66AEFF, #009797, #242A69)
• Tempered Periwinkle color palette (#D9FFF2, #49E3FE, #59A5F9, #2B7C2C, #004644)
• Dusty Lagoon color palette (#EADFE7, #3F8F8D, #004451, #002412, #000B14)

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