Ancient Cobalt color palette — #F7EAF3 · #8CD1E2 · #428DC5 · #006F53 · #222A51

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Blush (#F7EAF3): a clean, paper-quiet neutral.
• Sky (#8CD1E2): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#428DC5): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006F53): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#222A51): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Worn Azure color palette (#FEF3ED, #B7F1FF, #459BCC, #006B5C, #001B48)
• Quiet Sapphire color palette (#EBDAE1, #66BCED, #456ECF, #005A55, #21163F)
• Hushed Bloom color palette (#FFF1F6, #B9E0FF, #7F97E6, #008282, #463466)
• Petrol Corridor color palette (#EEF0E4, #7CBDCD, #007391, #004F53, #003347)
• Softworn Turquoise color palette (#E6F1EF, #ADDBF1, #3DB4D8, #009096, #003346)
• Aged Magenta color palette (#E4DEF9, #C44BC6, #008D84, #006E84, #2F122F)
• Powder Bloom color palette (#FBF2F7, #D8D5E5, #92B5D9, #5C9383, #4A5266)
• Sunlit Petrol Thicket color palette (#E8D8E7, #4BB4B8, #007093, #004E24, #001231)

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