Cobalt Loft color palette — #F1F5FF · #A3B2ED · #5C6BAF · #29417C · #222B52
Slate and Navy set the tone — five colors that lean into creativity and calm.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Sky (#A3B2ED): A luminous, balanced violet — the color of a velvet chair.
- Slate (#5C6BAF): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#29417C): A deep, shadowed, balanced violet — the color of a velvet chair.
- Navy (#222B52): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Balance. Tagged monochrome, cool.
Use it as a design system
One click turns Cobalt Loft 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
- Periwinkle Harbor color palette (#F0F5FF, #CED7FF, #98A8FF, #637EBF, #20274B)
- Ultramarine Corridor color palette (#FFF0FB, #B4C6FB, #7D8DD4, #4A58AC, #1A2658)
- Aged Studio color palette (#E6F9FF, #7BC3DC, #007D9F, #004D60, #003344)
- Patina Lagoon color palette (#FFF1F4, #CEA1D1, #8B6098, #59366A, #3B1E42)
- Nightshade Harbor color palette (#FCF2F6, #B8A1E0, #9E5B2A, #6B4C9A, #2F2114)
- Stone Boulevard color palette (#FFEFFF, #E9D6D7, #DEABCB, #53899B, #564050)
- Denim Harbor color palette (#FDF1F7, #93BB8C, #50497C, #412234, #251818)
- Nightshade Balcony color palette (#DFE4FF, #5C5FCA, #3300A0, #110037, #02000D)
Browse the whole catalog at Explore, or see today's palette.