Cobalt Basin color palette — #F1F7F0 · #A9C9E8 · #5F74B7 · #005E6B · #3B3458

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

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Sky (#A9C9E8): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5F74B7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005E6B): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#3B3458): A deep, shadowed, 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 Basin 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

• Timeworn Cerulean Pier color palette (#FCF2F9, #A4CDDA, #0A85A4, #006345, #203D56)
• Antique Sapphire Chapel color palette (#FFF1F7, #88C0DE, #006CCD, #005556, #25286C)
• Softworn Loft color palette (#F0F3EC, #A8D2C7, #547DB6, #005679, #0F1E43)
• Muted Petrol color palette (#EDF7F7, #BDD7F4, #6996DA, #0074A4, #293960)
• Dusty Petrol Boulevard color palette (#EEF6FF, #D9D3FF, #CD9BBA, #007289, #303E54)
• Feathered Terrace color palette (#ECF1FF, #87A6EC, #3A5DA3, #1B2A70, #071B48)
• Cobalt Workshop color palette (#D5E6FF, #4676D2, #916200, #515D14, #1A2C45)
• Ancient Atelier color palette (#F1E2EA, #5D99AC, #004E79, #00302B, #000547)

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