Cobalt Basin color palette — #D7FEFF · #84CEE9 · #5B8CD3 · #8A4E4F · #4F2508

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

The five colors

• Ivory (#D7FEFF): A whisper-light, dusty teal — the color of sea glass.
• Sky (#84CEE9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#5B8CD3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Coffee (#8A4E4F): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#4F2508): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Aged Chestnut Parlor color palette (#E9F8FF, #AECFFE, #9686C6, #8D4622, #3F2D00)
• Muted Mulberry Loft color palette (#DBFFED, #7BDEDE, #3FA2CA, #8C4275, #50111B)
• Frosted Sapphire Corridor color palette (#CCF1F0, #27A5CB, #2A68C0, #7D373F, #5D2E11)
• Hushed Periwinkle Boulevard color palette (#E3F0DF, #5FD3CE, #74A5E9, #96792E, #4D3A00)
• Cobalt Delta color palette (#C6E7F0, #507EAA, #47466E, #3F170E, #030100)
• Weathered Workshop color palette (#E9E9F6, #AD83C0, #86536A, #393300, #010A00)
• Wandering Bronze Studio color palette (#EEF6FF, #E4C1D6, #BB8D99, #96672D, #3E3B0D)
• Cocoa Market color palette (#E6FCEB, #C6E3E4, #D6C0D2, #A28D85, #714300)

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