Soft Cobalt color palette — #FFF0FB · #A3B5F0 · #CD9A51 · #657ACB · #563D19
A conversation between Periwinkle and Camel, giving this palette its sense of optimism and creativity.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#A3B5F0): A luminous, balanced violet — the color of a velvet chair.
- Camel (#CD9A51): A luminous, balanced gold — the color of old brass.
- Periwinkle (#657ACB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Cocoa (#563D19): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Soft Cobalt 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
- Washed Violet Villa color palette (#FFF1F6, #C0A9F1, #A1AC66, #8B6DC3, #40461F)
- Softworn Coral color palette (#E6FBF4, #79BFF6, #E48876, #3B87BF, #633229)
- Hazy Dune color palette (#F0F6FF, #C1D4FF, #ECB220, #6082E0, #204128)
- Muted Periwinkle color palette (#FFF0FA, #939DEB, #B49353, #92892E, #46303F)
- Tempered Harbor color palette (#E6DFFF, #B79CFF, #A88800, #6B1ECB, #392C00)
- Weathered Pewter Quarry color palette (#FDF1F6, #AFCFA3, #78669E, #573745, #2B1D23)
- Mint Market color palette (#FEF0FF, #A6D0FF, #5DDA95, #65A2E5, #41433C)
- Hushed Turquoise Villa color palette (#FFF0FB, #E5D5E4, #F5BAB9, #67A4BF, #624857)
Browse the whole catalog at Explore, or see today's palette.