Cobalt Archive color palette — #FDF1F7 · #B0E5FF · #648BC5 · #217065 · #40475D

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

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Powder Blue (#B0E5FF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#648BC5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#217065): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#40475D): A full-bodied, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Cobalt Archive 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

• Ash Harbor color palette (#FAF3F9, #D5D6ED, #68A2BD, #497876, #445468)
• Faded Cobalt Workshop color palette (#FFF0F8, #89DCF9, #1381DE, #006856, #373A6A)
• Weathered Petrol color palette (#F1F3EA, #C1E6D5, #6094B6, #006A7D, #09342B)
• Pale Moss color palette (#DFFDF2, #99AA2F, #8A7BCF, #616D17, #3A405E)
• Weathered Cerulean Delta color palette (#F7E7F2, #0090A5, #004064, #002317, #02022B)
• Pale Teal Loft color palette (#F6ECF5, #34B3B5, #00607C, #004119, #001F42)
• Patina Aqua Pier color palette (#FEF0FF, #00D2CC, #007A94, #075B10, #00355C)
• Linen Sapphire color palette (#F9EAF0, #6BBCE6, #3865B7, #00504A, #2E2552)

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