Cobalt Cabin color palette — #F7EAF0 · #8BCFEE · #378AD7 · #006C69 · #202A54

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

The five colors

• Blush (#F7EAF0): bright and airy, almost weightless.
• Sky (#8BCFEE): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#378AD7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006C69): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#202A54): 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 Cabin 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

• Cerulean Field color palette (#F6EBF2, #84D4D5, #0096B2, #007048, #00314C)
• Aged Periwinkle Corridor color palette (#FFF1F6, #A9DCFF, #7496CE, #197A81, #363659)
• Muted Summit color palette (#FAF4EC, #C3F2DC, #4B99D4, #006971, #021C46)
• Timeworn Petrol Dune color palette (#F5EBF0, #86B9D3, #4268A1, #005148, #2C2750)
• Worn Mallow Parlor color palette (#E5F7FF, #BDD5FF, #D39BE9, #248D94, #1B334E)
• Turquoise Alley color palette (#CDE4E1, #00B1C1, #0082A5, #00518C, #1B2A58)
• Softworn Turquoise color palette (#FFF0FB, #8BEEEF, #00ADCE, #29845B, #004467)
• Chalky Cobalt color palette (#CEE5FF, #58B3FF, #007AC2, #004971, #001A30)

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