Cobalt Drift color palette — #F0F7F1 · #AEC8E3 · #5977B4 · #005C75 · #333560

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Sky (#AEC8E3): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5977B4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005C75): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#333560): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Cerulean Archive color palette (#EEF8F0, #9BCEE2, #0785A4, #006156, #083F5B)
• Hushed Cabin color palette (#F9EFF2, #B5CADF, #6D76B4, #005B5F, #29143D)
• Hushed Iris color palette (#FBF4EB, #BBDDD4, #858FD2, #007B81, #442F5B)
• Antique Periwinkle color palette (#F9F4EE, #C0EBDF, #8AB0FF, #009AC1, #34375A)
• Patina Cerulean Meadow color palette (#E6F1E8, #419CB9, #004F73, #003031, #00142C)
• Olive Lagoon color palette (#BFF0E8, #408E2D, #446CAE, #8E3D40, #00332E)
• Patina Pewter Garden color palette (#DCFDF8, #B7E2F6, #6AB8B7, #6F753E, #1B4B4C)
• Fern Studio color palette (#DCF5EF, #719C4F, #9560A6, #386400, #492255)

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