Ancient Cobalt color palette — #FFF1F6 · #B5D2ED · #5B7CC9 · #00656F · #3D376B

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#B5D2ED): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#5B7CC9): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00656F): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#3D376B): A deep, shadowed, balanced violet — the color of wild irises.

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

• Timeworn Cerulean color palette (#FBF2F8, #A6CCDB, #1184A9, #00624A, #1D3D5A)
• Muted Harbor color palette (#F0F4E8, #A3D6FF, #1E85DF, #005E7C, #0F2445)
• Sunlit Periwinkle Orchard color palette (#ECF8F7, #BAE0FF, #3E9FFE, #007CA4, #284065)
• Cypress Delta color palette (#F9F3F7, #D5D6EB, #76A0B7, #307F60, #415567)
• Hushed Loft color palette (#EFF8EE, #87BDEF, #3C5BE8, #00545F, #371876)
• Hushed Harbor color palette (#F0E1EC, #4C8B98, #00425D, #00231C, #00091C)
• Washed Lagoon color palette (#FFF3E7, #CCE9FF, #8FB6FF, #00A4B1, #3C3967)
• Amber Harbor color palette (#E7FCE5, #C98200, #0089BD, #7F5100, #00405B)

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