Cobalt Drift color palette — #FAF0EA · #AAD3BB · #4980B3 · #005D4A · #181B43

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF0EA): bright and airy, almost weightless.
• Pistachio (#AAD3BB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4980B3): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D4A): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#181B43): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Airy Bloom color palette (#FCEFE4, #A2D8F9, #587FD6, #00635D, #271B48)
• Cobalt Delta color palette (#FAF4EB, #A9D0B9, #2081B0, #005F60, #163C61)
• Patina Delta color palette (#F1E7DD, #91B8DD, #5A63AD, #004B4E, #1E0A2F)
• Hushed Atelier color palette (#FBF2F8, #B9DAED, #5D9AD6, #007E67, #33365E)
• Tempered Grove color palette (#F8F0EB, #C6E7E3, #75A899, #407863, #442E3F)
• Tempered Ridge color palette (#F4E3E2, #B8528C, #00816B, #00626C, #280709)
• Navy Market color palette (#F8E6DA, #41829A, #003B72, #00201A, #01000A)
• Denim Lagoon color palette (#EFE2D8, #65A6C3, #21569F, #003A33, #0B002C)

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