Cobalt Drift color palette — #F9EBE4 · #8ED0E1 · #008ED8 · #006F52 · #202A54

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

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Sky (#8ED0E1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008ED8): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006F52): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#202A54): 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

• Antique Iris color palette (#F6EDE3, #9EC9F2, #6F7CDD, #006B6F, #36244A)
• Hushed Azure color palette (#FFF0FA, #B6F1FF, #1F9DD8, #006B5C, #001C46)
• Ancient Boulevard color palette (#FDF3EA, #B8E1FF, #7493FF, #008281, #453662)
• Antique Balcony color palette (#E7F2E9, #71BED1, #007297, #00504D, #023050)
• Turquoise Ridge color palette (#EEF0E5, #9BE0F1, #40B3D9, #009098, #003347)
• Hushed Indigo color palette (#F8DAEC, #7A72ED, #808000, #3B7130, #1C1A3B)
• Washed Meadow color palette (#FFE5FC, #E1C0ED, #FF92A5, #308BAF, #492D3D)
• Frosted Teal color palette (#F8E8E3, #43B4B9, #007092, #004E23, #001330)

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