Ancient Cobalt color palette — #F6EDE4 · #8BCDFA · #5B85D0 · #006B72 · #2A294C

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

The five colors

• Cream (#F6EDE4): a clean, paper-quiet neutral.
• Sky (#8BCDFA): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#5B85D0): A luminous, balanced violet — the color of wild irises.
• Teal (#006B72): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#2A294C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Ancient Cerulean color palette (#F9EBE4, #7BD6D8, #0095B4, #006F4A, #0A314A)
• Softworn Azure color palette (#EEF8F0, #D6DDFA, #6094D6, #006779, #101946)
• Worn Periwinkle color palette (#F8EAF0, #B7D7F4, #86A0F0, #00918F, #332351)
• Aged Petrol color palette (#F5EDE6, #8DBDAC, #4C65A6, #00504D, #322254)
• Feathered Azure color palette (#FFF2EC, #9CEAF5, #00AADE, #008569, #1C4268)
• Muted Petrol color palette (#FFECDF, #59AECC, #006BAA, #004A46, #040B3E)
• Teal Lagoon color palette (#F7E2D7, #3AA4A6, #006377, #003E26, #000A15)
• Worn Pine color palette (#E1FBDB, #9DE6FF, #9CB6F0, #448857, #183722)

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