Cobalt Studio color palette — #F5F5F2 · #D1D9E6 · #4F6DF5 · #2B3A9E · #141B4D
A conversation between Sapphire and Indigo, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#F5F5F2): a clean, paper-quiet neutral.
- Silver (#D1D9E6): bright and airy, almost weightless.
- Sapphire (#4F6DF5): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#2B3A9E): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#141B4D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Energy, Balance. Tagged iconic, vibrant, cool.
Use it as a design system
One click turns Cobalt Studio 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
- Muted Orchard color palette (#E3ECF8, #6096FF, #4863DC, #393F93, #2D2B5E)
- Indigo Meadow color palette (#FCE3DA, #7461FF, #6C3B9A, #680F21, #170D32)
- Feathered Lapis color palette (#E4EAFF, #7089FF, #4552D4, #182180, #04002C)
- Indigo Cabin color palette (#FEE6F7, #6374FF, #C9305B, #3942AE, #390011)
- Blush Orchard color palette (#EFD5E8, #F9728E, #3D4AA4, #1D244E, #140511)
- Eclipse Sapphire color palette (#F2D7EB, #4554FF, #302E50, #210E1E, #080307)
- Softworn Sapphire color palette (#E4E9F7, #4D58FF, #A7308C, #00646E, #090C2F)
- Muted Grove color palette (#E8DEE5, #D4BCCA, #B59DA8, #4C59A4, #281A24)
Browse the whole catalog at Explore, or see today's palette.