Ancient Cobalt color palette — #F4F6EF · #9FD2BF · #007EC6 · #005C74 · #213C5B

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Pistachio (#9FD2BF): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#007EC6): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005C74): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#213C5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Ancient Cobalt 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

• Cobalt Workshop color palette (#F3F7ED, #A6C9EB, #4579BD, #005A7D, #4C2F49)
• Patina Harbor color palette (#F8F0EA, #A4D4C0, #547EB4, #005B5D, #191C3F)
• Ancient Petrol color palette (#F4F7E8, #61C7E4, #00799D, #00555C, #003751)
• Worn Periwinkle color palette (#FBF2F6, #A8DCFB, #6A97D4, #1A7A7D, #2E3A56)
• Cerulean Quarry color palette (#F5F6EE, #C8E6C9, #009CAA, #007267, #324F3D)
• Weathered Navy Harbor color palette (#ECF0E3, #5086AE, #003E6E, #00202D, #00081E)
• Worn Denim Pier color palette (#E4E7DE, #7BA3C9, #0054AC, #003A53, #081A4A)
• Hushed Grove color palette (#FBF4EE, #C6EADA, #8CB2F5, #339E94, #512D41)

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