Cobalt Station color palette — #FAF3F5 · #CDDEF0 · #7488C0 · #006F7D · #3F4665

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

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Powder Blue (#CDDEF0): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#7488C0): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#006F7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3F4665): A full-bodied, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Cypress Dune color palette (#F9F3F7, #C0E3EF, #3E97B1, #007450, #284B66)
• Azure Orchard color palette (#F0F3EC, #C2E5DB, #5C8FD3, #0D668C, #392337)
• Denim Hollow color palette (#F3E9F0, #64ABBC, #005E88, #003F36, #001C4B)
• Navy Pier color palette (#E5DBE0, #4B89A7, #003C73, #002222, #05002C)
• Quiet Petrol color palette (#FFF0FC, #67C8D8, #0078A1, #005746, #003363)
• Dusty Olive color palette (#E7FAF6, #89AB7A, #9379C6, #367800, #493768)
• Tempered Powder Cabin color palette (#FCF4EB, #DBE0F7, #A2BCFB, #5DA5B1, #5B3D4E)
• Hushed Bronze color palette (#E3FBF5, #BFE4F7, #99CCF3, #867937, #395958)

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