Cobalt Cabin color palette — #E9EFF8 · #D5D6E3 · #BCB2CA · #4F70B1 · #232E3F

Slate and Ash set the tone — five colors that lean into sophistication.

The five colors

• Frost (#E9EFF8): bright and airy, almost weightless.
• Silver (#D5D6E3): bright and airy, almost weightless.
• Ash (#BCB2CA): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4F70B1): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#232E3F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged scandi, muted, 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

• Iris Hollow color palette (#EBEFF6, #D5D0DC, #C5B3CC, #778ED8, #272E3A)
• Cobalt Coast color palette (#FAF2F9, #E7D8D6, #E2BCAC, #4E75BA, #261925)
• Patina Lapis Corridor color palette (#E1E3EA, #C4C2D1, #AD9FB2, #5C4FAD, #1A1E2E)
• Worn Forest Corridor color palette (#D3E0EC, #A29FCB, #8F7794, #366148, #003C3C)
• Patina Orchid Pier color palette (#F5F4FF, #E5D9EB, #D3B2CA, #A34ABD, #333043)
• Soft Quarry color palette (#CFE5F4, #0092C6, #A53C27, #005033, #002716)
• Patina Azure color palette (#B9EAE1, #069CE1, #874BA1, #1E560C, #162243)
• Dusty Corridor color palette (#E8E3EF, #AE9FAE, #977E89, #74165C, #0D0516)

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