Ancient Cobalt Pier color palette — #F9F0EA · #99DBF1 · #008AD1 · #00635A · #122348

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

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Ice Blue (#99DBF1): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008AD1): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00635A): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#122348): A deep, shadowed, dusty 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 Pier 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

• Feathered Indigo color palette (#FAF0E5, #ABD4FC, #5675F5, #00606E, #261C47)
• Hazy Lantern color palette (#FCEFE6, #69C9EF, #0075C3, #00524E, #090F4A)
• Dusty Study color palette (#F7F0ED, #C8E5CD, #2C9AC1, #166E55, #11332C)
• Linen Cabin color palette (#FFF0F9, #A1E7FF, #42A4E8, #008479, #2D3E66)
• Hushed Denim color palette (#F1E5DE, #5195A6, #004F74, #002C26, #000313)
• Hushed Station color palette (#F3ECE3, #4D7CA9, #1D2696, #001E24, #020009)
• Ember Veranda color palette (#FFDDC5, #CD5E00, #0081A2, #006998, #2B0E00)
• Tangerine Grove color palette (#FFEEE4, #F6641D, #008EC0, #993600, #002434)

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