Cobalt Study color palette — #FFF0FD · #97B6FB · #3DBD97 · #597CCF · #1B4D3D
A conversation between Azure and Jade, giving this palette its sense of creativity and calm.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#97B6FB): A luminous, balanced violet — the color of twilight just after sunset.
- Jade (#3DBD97): A luminous, balanced teal — the color of sea glass.
- Azure (#597CCF): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#1B4D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Cobalt Study 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
- Violet Market color palette (#FFF1F6, #C0AAEB, #00BBC5, #8D6AC6, #2C4B32)
- Quiet Cabin color palette (#ECF9F0, #56C9E1, #9DB041, #0090A6, #44433B)
- Blush Quarry color palette (#FCF1FD, #8ABAF9, #E77CAC, #4181D1, #5E3533)
- Iris Hollow color palette (#FFF0FC, #C3D3FF, #D3B86C, #6F86CD, #453709)
- Amethyst Courtyard color palette (#FFD7ED, #998BFF, #00A19C, #6C23FC, #003634)
- Powdered Peony color palette (#FFF0F9, #9B98F5, #D771A5, #0096B2, #46303D)
- Frosted Iris color palette (#FFF0FC, #7C99F7, #A38629, #4C61A4, #45423B)
- Powdered Byzantium Atelier color palette (#FFF1F4, #D886FD, #00ADCF, #A73AD1, #004251)
Browse the whole catalog at Explore, or see today's palette.