Cobalt Basin color palette — #F2F5FC · #BDDFF1 · #7781BD · #3A4660 · #161B26

Slate Blue and Charcoal set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#F2F5FC): a clean, paper-quiet neutral.
• Powder Blue (#BDDFF1): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#7781BD): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#3A4660): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#161B26): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. Tagged luxury, dark, muted, cool.

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

• Pewter Chapel color palette (#F6F3FD, #BFF6C6, #9A5D92, #4D2A49, #110E17)
• Patina Pewter Summit color palette (#EFF1FC, #D6B8D5, #615B84, #2B3045, #11131E)
• Worn Iris Ridge color palette (#F2F5FB, #DDD9E3, #E39A78, #8994D7, #261A21)
• Wandering Courtyard color palette (#FCF2F7, #F3DBAA, #9A99C6, #7D6572, #30292D)
• Muted Amber color palette (#F0F5FF, #9DB0F6, #B3891E, #38788E, #242A35)
• Weathered Powder color palette (#EDF7FF, #85CCFF, #7FBF9A, #54907C, #28333C)
• Blush Balcony color palette (#E7FAF9, #DCD7FF, #D48997, #3D7F7A, #3F3D4D)
• Amethyst Studio color palette (#F2F5FF, #9AF1A5, #7048D5, #2F2358, #040615)

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