Cobalt Drift color palette — #FCF3EE · #A5D1B9 · #4F7BAB · #006150 · #4E2F44

Slate and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Pistachio (#A5D1B9): A whisper-light, dusty teal — the color of sea glass.
• Slate (#4F7BAB): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006150): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4E2F44): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Worn Coast color palette (#FFF2EE, #B0CFAB, #00869F, #395E33, #1D3D58)
• Cobalt Hollow color palette (#FEF3E8, #9DD6FB, #5B7CC9, #006762, #43356A)
• Tempered Garden color palette (#E8F5F3, #ACCDE0, #2686AE, #005A65, #01233A)
• Aged Petrol Villa color palette (#F4F7EA, #BBDECB, #589FC1, #007A88, #144437)
• Raspberry Studio color palette (#FFDADA, #C33996, #007E74, #005F71, #412021)
• Tempered Marigold Delta color palette (#FFF1F1, #FFC3BD, #D2A760, #6C6A9C, #55362F)
• Muted Olive Terrace color palette (#FCF3EF, #C5EEEA, #759EC2, #5C793B, #5E4C59)
• Muted Lagoon color palette (#FAF3F7, #C9E5F6, #7AB8ED, #00A197, #283864)

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