Cobalt Boulevard color palette — #EFF6FF · #DCD7F1 · #9CB2F4 · #717AC1 · #434E6F
Built around Slate Blue, softened by Sky — the whole palette hums with creativity and calm.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Thistle (#DCD7F1): A whisper-light, dusty violet — the color of wild irises.
- Sky (#9CB2F4): A luminous, balanced violet — the color of twilight just after sunset.
- Slate Blue (#717AC1): A luminous, balanced violet — the color of a velvet chair.
- Peacock (#434E6F): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Sophistication. Tagged light, muted, cool.
Use it as a design system
One click turns Cobalt Boulevard 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
- Timeworn Cobalt color palette (#FEF0FF, #97BFFF, #6C87C8, #545E8B, #5D4354)
- Cerulean Workshop color palette (#E8F8FF, #C8DFF4, #6CC1DF, #2F8DB3, #36566E)
- Iris Alley color palette (#F1F5FF, #E1D5EF, #FFB5B9, #8692E3, #563B58)
- Tempered Pewter Drift color palette (#F3F4FF, #F0D9FF, #C698D1, #975E9A, #4C4062)
- Chalky Grape color palette (#F2F5FF, #BFC1FF, #957AFF, #7B32D1, #4A2667)
- Hushed Powder color palette (#F2F5FF, #DDD7E1, #AEB7EB, #BBB1AA, #474A5F)
- Turquoise Hollow color palette (#F1F5FF, #C1C8F8, #DFA7C7, #57B1C2, #2E384F)
- Linen Lagoon color palette (#F6F3FF, #D9B9FF, #AF6BCF, #843699, #401C41)
Browse the whole catalog at Explore, or see today's palette.