Ancient Cobalt color palette — #FCF3EC · #AFD9C8 · #437FD0 · #006669 · #353872

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Oat (#AFD9C8): A whisper-light, dusty teal — the color of sea glass.
• Azure (#437FD0): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#006669): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#353872): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Muted Forest Field color palette (#FEF2EC, #B0CEB2, #28849D, #006342, #0A3E5F)
• Cobalt Cabin color palette (#E6F6F5, #9AD9FF, #0089D6, #005F76, #00254B)
• Washed Sapphire color palette (#FFF3E7, #89BFE6, #2764DD, #00555B, #2F1F74)
• Frosted Villa color palette (#F3F7E9, #B3E2FF, #14A3F9, #007E9C, #1B416A)
• Hushed Aubergine color palette (#C8F5F5, #00B0C8, #0081AB, #005494, #462978)
• Ancient Mallow Study color palette (#D9FFF2, #DADEFF, #D29AD3, #007C8A, #2F4770)
• Pale Coast color palette (#F8E8DD, #6098B2, #004A88, #00302F, #0A0345)
• Pine Grove color palette (#FAF4F0, #CBE7DF, #6CA3B1, #387F58, #2E5346)

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