Quiet Cobalt color palette — #FFE3FD · #B7C5FF · #B2A4F7 · #0A89DB · #192448
Built around Azure, softened by Lavender — the whole palette hums with trust and stability.
The five colors
- Blush (#FFE3FD): A whisper-light, dusty pink — the color of neon signs at night.
- Lavender (#B7C5FF): A whisper-light, balanced violet — the color of a velvet chair.
- Lavender (#B2A4F7): A luminous, balanced violet — the color of twilight just after sunset.
- Azure (#0A89DB): A luminous, balanced blue — the color of deep harbor water.
- Midnight (#192448): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged pastel, light, cool.
Use it as a design system
One click turns Quiet 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
- Cerulean Garden color palette (#BEEDDF, #AACBFE, #9BADFF, #0094C6, #00203E)
- Chalky Indigo Corridor color palette (#F6D6E5, #DBBEF7, #E396EB, #7477F1, #2C1746)
- Ancient Wisteria color palette (#EBDBEC, #BDBEFF, #CF87BF, #006E82, #172351)
- Iris Villa color palette (#D3E5FF, #99AAFF, #8775C9, #07538A, #050826)
- Chalky Corridor color palette (#F5F3FF, #F3D1E9, #F5B1FF, #8D98FF, #423064)
- Hushed Mallow Balcony color palette (#EEF6FF, #D2D6FF, #EB94EF, #007685, #040F2A)
- Peony Thicket color palette (#C4E7F0, #FF5491, #9E76FF, #392861, #11040B)
- Powder Corridor color palette (#FFF0FB, #E7D5D6, #DAAC9F, #8FB6F5, #5C4153)
Browse the whole catalog at Explore, or see today's palette.