Cobalt Basin color palette — #FCF4E7 · #8DD6FF · #257EC9 · #00505A · #01082A

A conversation between Azure and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sky (#8DD6FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#257EC9): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00505A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#01082A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Wandering Alley color palette (#FDF4E6, #70E0E8, #0088A2, #005345, #000F18)
• Soft Hollow color palette (#F8EDE3, #8EC9E9, #5694E0, #007D7E, #151351)
• Denim Coast color palette (#F0E2E8, #76A3BC, #1757A2, #00393A, #07002F)
• Patina Cerulean color palette (#FAF4EB, #9FF8F3, #00A5B3, #006D4F, #00232D)
• Tempered Bloom color palette (#FEF4E3, #DBD7E2, #74B1FE, #00849B, #243161)
• Hushed Corridor color palette (#E3F3E2, #00BB6F, #007659, #003F39, #001010)
• Teal Harbor color palette (#D3FFFE, #00CAC1, #007575, #002726, #000202)
• Patina Sky color palette (#E3FFDA, #BAF5FF, #63B9F2, #1C774B, #00191B)

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