Cobalt Drift color palette — #F3F7EC · #A6CFC4 · #4879BA · #005A7E · #4C2F49

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Pistachio (#A6CFC4): A whisper-light, dusty teal — the color of sea glass.
• Slate (#4879BA): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4C2F49): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Softworn Cerulean color palette (#F4F6ED, #A4D1B8, #0084AC, #005E67, #103F58)
• Tempered Cobalt color palette (#FAF0E4, #A4CCF0, #5C78C2, #005A65, #201A3D)
• Washed Iris color palette (#FCF2F5, #B6D9FA, #7D93CC, #237885, #323955)
• Ancient Cerulean Thicket color palette (#E3E5D8, #4F9BB2, #00516B, #002F34, #001624)
• Timeworn Lagoon color palette (#FBF4ED, #B7EDDE, #9EADF2, #009FA4, #413255)
• Aged Courtyard color palette (#E1E9C8, #009247, #007990, #735500, #292F0C)
• Olive Dune color palette (#F4F8E2, #ABE9C2, #67BEAB, #527638, #3E4039)
• Worn Chestnut Boulevard color palette (#F4E5D8, #B88D60, #91510E, #6A320D, #342F2A)

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