Ancient Cobalt color palette — #FDF3ED · #A5D1B7 · #417DB1 · #00624C · #303660

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Pistachio (#A5D1B7): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#417DB1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00624C): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#303660): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Pale Hollow color palette (#FDF3EB, #9FD6F8, #5C7DC3, #006761, #42346F)
• Hushed Navy Harbor color palette (#FFF2ED, #7DC6CC, #0078A2, #005932, #032D72)
• Cerulean Hollow color palette (#EBF5ED, #B0CCDB, #3785AC, #005B5B, #00213F)
• Tempered Azure color palette (#F9F4ED, #BFDDCB, #39A0D3, #007C7B, #143D61)
• Wandering Petrol Orchard color palette (#F7EDE1, #8AB7DD, #5261AD, #004F51, #35234E)
• Wandering Spruce Coast color palette (#ECDDD8, #5D9C99, #005265, #023305, #001529)
• Antique Indigo color palette (#F6EEDB, #B29D27, #6859B5, #645600, #342B62)
• Washed Navy color palette (#E7DBD4, #53899D, #003C74, #00231C, #08002A)

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