Cobalt Drift color palette — #FCF2F7 · #A2CCE3 · #3C7EB0 · #006059 · #283B58

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

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Sky (#A2CCE3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3C7EB0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006059): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#283B58): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Softworn Cobalt Courtyard color palette (#FAEEF5, #A8CDE3, #4C7FB5, #005D4C, #1A1B41)
• Chalky Aqua Station color palette (#FFF0FC, #00CFE2, #00799D, #005843, #00345E)
• Cobalt Boulevard color palette (#FEF1F5, #BEE1FF, #7089C1, #1A6E79, #3F4661)
• Aged Cabin color palette (#FBF4EA, #CCE8D9, #66BCF1, #009FA3, #183C63)
• Navy Lantern color palette (#F3E5EC, #338BAE, #003E6E, #002221, #03012B)
• Antique Glacier color palette (#DAFDFF, #93EFF0, #81ACD7, #57754A, #2A484E)
• Quiet Moss color palette (#D8E7C6, #5BB143, #007F57, #005548, #08394C)
• Tempered Thicket color palette (#CDFFF6, #00C0AE, #007266, #004138, #002623)

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