Cobalt Drift color palette — #BCE8FE · #7AC3E2 · #3A9CD7 · #306CB8 · #39476D

Built around Royal Blue, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Powder Blue (#BCE8FE): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7AC3E2): A luminous, balanced blue — the color of open sky before noon.
• Cornflower (#3A9CD7): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#306CB8): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#39476D): A full-bodied, dusty violet — the color of twilight just after sunset.

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

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

• Cerulean Coast color palette (#C6F6FF, #72CDCF, #00A4B9, #007490, #234F68)
• Airy Cobalt Delta color palette (#BBEFFC, #3FB5D7, #0087C1, #3D5291, #394161)
• Airy Indigo Pier color palette (#DCEDFF, #9FBFFA, #7187D9, #695BB2, #50436A)
• Misty Denim color palette (#EFF6FF, #ACCAFF, #6D93D9, #3356A2, #182C55)
• Washed Sky Workshop color palette (#A8F5F7, #67DBFF, #50B4F2, #6B85BA, #603A4C)
• Turquoise Station color palette (#EEF6FF, #DCD7E7, #F5B9DC, #5BA3C4, #46526B)
• Sunlit Cobalt Meadow color palette (#EEF6FF, #8FBCE9, #CF994B, #2085D3, #573D16)
• Wandering Navy color palette (#CAE9F8, #0084C1, #0055A6, #001F92, #0F004B)

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