Ancient Cobalt color palette — #FFF2EB · #ADDBC0 · #2884CC · #006952 · #333A6E

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Pistachio (#ADDBC0): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#2884CC): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006952): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#333A6E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Cobalt Pier color palette (#FBF4EC, #AACEC1, #5D75B6, #00605D, #512E3F)
• Patina Studio color palette (#FCF3EF, #C9E5CE, #6191AC, #32704F, #563F54)
• Cobalt Corridor color palette (#E9F6EB, #9EDBEE, #008DC4, #006262, #002647)
• Azure Basin color palette (#F9F4ED, #BCE7CE, #1EA8E5, #008282, #0A4170)
• Tempered Loft color palette (#FFF2EA, #6EC4E6, #146DC8, #00574A, #2D256C)
• Weathered Villa color palette (#F8EAE3, #5D9AA7, #004E78, #003121, #060544)
• Tempered Navy Harbor color palette (#F6EBDF, #5F85A5, #282D87, #002223, #100021)
• Airy Cabin color palette (#FFE4E0, #D9317E, #00875D, #006867, #4E1C30)

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