Cobalt Basin color palette — #F8ECE2 · #92CEEA · #3E8AD4 · #006C6A · #202956

Azure and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Sky (#92CEEA): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#3E8AD4): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006C6A): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#202956): A deep, shadowed, balanced 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

• Ancient Cerulean color palette (#F7ECE7, #AECEB2, #1F94B5, #006F4F, #003050)
• Antique Periwinkle Meadow color palette (#FEF3EA, #ADE2D0, #7195D8, #007A84, #4F2E42)
• Azure Corridor color palette (#EDF0E4, #A5DCF9, #30AFF6, #008DA7, #043051)
• Petrol Ridge color palette (#E6F1F0, #8EB7D3, #0070A2, #004E5C, #003052)
• Mallow Boulevard color palette (#C6FBE8, #BED2FC, #CA9DE3, #008A8C, #1C2D4E)
• Feathered Turquoise Drift color palette (#FFF2EC, #AAE8EA, #00ADD0, #00875B, #004469)
• Weathered Cobalt color palette (#CDE4FF, #63B2F7, #007CBF, #00477A, #001930)
• Patina Boulevard color palette (#F0DACF, #65AEBE, #006F9B, #004B3F, #001231)

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