Ancient Cerulean color palette — #ECF4F3 · #C5E1F0 · #339BBC · #006C72 · #172F3E

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

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Powder Blue (#C5E1F0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#339BBC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006C72): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#172F3E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Aged Periwinkle Loft color palette (#EBF4F4, #D6D8EC, #799ED4, #46718A, #2A374B)
• Dusty Denim color palette (#E1F0EF, #4C94B1, #005071, #002B32, #00050C)
• Hushed Cobalt Loft color palette (#EBF4F3, #A6CDE9, #1183C3, #00586C, #02213E)
• Washed Parlor color palette (#FDF3ED, #C3E6CF, #4C93BB, #326E62, #553F55)
• Tempered Raspberry Basin color palette (#EFF1FF, #977BD1, #C84F74, #00759E, #1A1C32)
• Lagoon Harbor color palette (#EBF2FF, #8A9FEB, #00A58A, #4D5EA8, #002E32)
• Turquoise Station color palette (#F5F6EC, #BAE8E3, #57B2D2, #2E898F, #2B5042)
• Pale Indigo Pier color palette (#D8E3F3, #8AAAF3, #6373DA, #424084, #262E4C)

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