Cobalt Drift color palette — #F7ECE7 · #8BD2DF · #018FD0 · #006F4C · #1D2B54

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7ECE7): bright and airy, almost weightless.
• Ice Blue (#8BD2DF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#018FD0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006F4C): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1D2B54): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Hushed Workshop color palette (#F8ECE0, #8ECBFE, #7081C8, #006B6D, #342549)
• Antique Coast color palette (#FEF1FA, #C5ECFF, #109DDB, #006B5C, #031D42)
• Wandering Iris Villa color palette (#FEF3E9, #B7E1FF, #7696F2, #008380, #443663)
• Weathered Petrol Canyon color palette (#E0F3F0, #77BECD, #00748F, #004F52, #003346)
• Worn Courtyard color palette (#EEF0E3, #BBDDC5, #1EB6DB, #009094, #003345)
• Gentle Abyss Lantern color palette (#F7E4DE, #46B5B5, #00718F, #004E1B, #00142D)
• Antique Denim color palette (#EADDD2, #519DBD, #0E55A9, #003C34, #090028)
• Misty Orchid Summit color palette (#D6E4C6, #2FC594, #A84AA8, #007555, #3F153F)

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