Cobalt Drift color palette — #FDF2F0 · #F6B1C2 · #9BB379 · #4F8AC8 · #5D3442

Cerulean takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF2F0): a clean, paper-quiet neutral.
• Ballet Pink (#F6B1C2): A whisper-light, balanced red — the color of late-summer berries.
• Sage (#9BB379): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#4F8AC8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5D3442): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Muted Teal color palette (#FDF3EB, #EABD99, #5FBCB3, #9A77AD, #5E3533)
• Washed Cypress Villa color palette (#EFF8F2, #BBB37E, #629C71, #00777F, #5D381E)
• Antique Lagoon color palette (#FAF4F0, #C8DDE5, #A0CCF1, #63B2A9, #614A5E)
• Sand Balcony color palette (#FBF4E9, #E4C981, #80A76F, #0F7C6F, #204033)
• Plum Meadow color palette (#F8E6C3, #CAA400, #0099BD, #B80072, #312100)
• Dusty Byzantium Garden color palette (#FFF2E9, #FF995E, #00AFAA, #B22BC0, #4F0756)
• Weathered Fern Grove color palette (#F8F5EE, #E4DFBE, #B3BA92, #B68F8D, #584E00)
• Muted Hollow color palette (#FDEFE5, #ED9C65, #00AB94, #8256B5, #530D0E)

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