Cobalt Cabin color palette — #F4E1EA · #7CBADD · #4771C5 · #005A53 · #20173F

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

The five colors

• Rose Water (#F4E1EA): A whisper-light, dusty rose — the color of strawberry cream.
• Sky (#7CBADD): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#4771C5): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005A53): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#20173F): 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

• Faded Cobalt Balcony color palette (#EDE2EA, #52C4CE, #007FAB, #005D34, #021C4A)
• Frosted Cobalt color palette (#FEF3EA, #9ED4F3, #2D79D7, #005153, #080132)
• Patina Denim color palette (#E8ECDF, #67A7CB, #005D8E, #003C4A, #00203E)
• Muted Villa color palette (#DAE7E6, #93C8E6, #009AE8, #007993, #00203E)
• Azure Pier color palette (#FFF0FC, #67DFEE, #0097D3, #00764B, #132D6C)
• Faded Ultramarine Parlor color palette (#F2E1EA, #3B9EC7, #0653B0, #003C35, #090225)
• Aged Aqua color palette (#CFF6E3, #48D3EE, #8DA0ED, #516C2A, #002E37)
• Tempered Periwinkle color palette (#FDF2F5, #D8DEFC, #8FA2DF, #3D8888, #424562)

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