Cobalt Terrace color palette — #DEE5F0 · #526EB1 · #312F46 · #141F32 · #0A0D16

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

The five colors

• Frost (#DEE5F0): bright and airy, almost weightless.
• Slate (#526EB1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#312F46): A deep, shadowed, dusty violet — the color of wild irises.
• Midnight (#141F32): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0A0D16): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Cobalt Terrace 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

• Patina Iris color palette (#DBE5F7, #6D8BDF, #454B6B, #242E3F, #13191F)
• Washed Periwinkle Market color palette (#EFDFEC, #82A7FF, #84676F, #534451, #121B16)
• Deep Canyon color palette (#EAE2F4, #973A79, #361A31, #180E23, #07030A)
• Nocturne Grape Veranda color palette (#DBE2F8, #5E0FE1, #390032, #0D0529, #040007)
• Olive Market color palette (#F6F3FF, #AD6FAA, #80801F, #3B7230, #3B324F)
• Deep Thicket color palette (#D8DFED, #2B00A4, #1A1117, #130016, #01000F)
• Shadow Atelier color palette (#F3E8FA, #7F004C, #352120, #200500, #0A0003)
• Hushed Aubergine Veranda color palette (#D5EBFF, #909FD9, #7A62B4, #7B388E, #5D344B)

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