Hazy Cobalt color palette — #FEF4E4 · #97D4FD · #2C7BD2 · #004F5D · #030136
A conversation between Azure and Ink, giving this palette its sense of trust and stability.
The five colors
- Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#97D4FD): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#2C7BD2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004F5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#030136): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy 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
- Dusty Cerulean color palette (#FEF4E4, #8ADAEA, #0087AC, #00524C, #000E1B)
- Hazy Studio color palette (#E0EDE2, #66A6D1, #0056A5, #003C47, #0E184C)
- Dusty Cerulean Lantern color palette (#FDF4E5, #ADF5F5, #2EA2B5, #006C55, #00222E)
- Quiet Boulevard color palette (#ECDFD5, #9FCBBB, #668BF3, #007D7A, #260A4D)
- Periwinkle Alley color palette (#FCF4E8, #DAD5E0, #7EAEFF, #0084A0, #2A305D)
- Denim Study color palette (#EBE2D6, #68ABD0, #005795, #002A30, #00000B)
- Muted Cabin color palette (#EDD7FF, #A048D5, #945D00, #00625E, #030007)
- Muted Indigo color palette (#FAF1FF, #FFD0D8, #EE95A9, #635DB7, #19031C)
Browse the whole catalog at Explore, or see today's palette.