Cobalt Drift color palette — #EFF4E7 · #A6CBF2 · #547DB8 · #00567A · #2F162C

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#EFF4E7): bright and airy, almost weightless.
• Sky (#A6CBF2): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#547DB8): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00567A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#2F162C): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Cobalt Garden color palette (#EFF5DD, #76C6F1, #0078B6, #004F61, #001B35)
• Tempered Cerulean Thicket color palette (#F2F4E3, #8BE0EB, #0092AA, #006261, #002A36)
• Weathered Periwinkle Garden color palette (#FCF4EA, #DAD5DF, #89A2EF, #247B8A, #412334)
• Softworn Workshop color palette (#E5E9D5, #0098BE, #00506E, #002B31, #00050B)
• Aged Emerald color palette (#EEF1E3, #00953D, #007C90, #755501, #131600)
• Weathered Seafoam color palette (#EFF7D3, #A7F0CA, #78C2B1, #607D53, #252C13)
• Aged Chestnut Corridor color palette (#EFDDCB, #BE8E51, #8D561B, #5C3113, #231400)
• Frosted Thicket color palette (#EDEBCE, #7BA024, #C65142, #465F00, #390603)

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