Hazy Cobalt Courtyard color palette — #E5F3E8 · #85A4C1 · #3F73C3 · #005A6E · #04002D

Sapphire takes the lead with Ink close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#85A4C1): A luminous, dusty blue — the color of open sky before noon.
• Sapphire (#3F73C3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005A6E): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#04002D): 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 Courtyard 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

• Aged Chapel color palette (#D9E5DC, #78A8BE, #0080A5, #005E58, #000A16)
• Wandering Archive color palette (#FBEBF0, #7397B5, #414EA3, #003B3C, #0F0022)
• Azure Courtyard color palette (#DAEFF5, #65B5D0, #4799E3, #008269, #001014)
• Linen Azure color palette (#D9E2DB, #9CC6E1, #389ADD, #007C84, #001C49)
• Muted Bloom color palette (#C6F2F7, #00A2AE, #007276, #003E40, #000202)
• Muted Navy Atelier color palette (#E8DFCF, #407EAE, #003682, #001E26, #01000B)
• Timeworn Plum color palette (#BDE8F2, #009189, #CC0068, #00625C, #130005)
• Byzantium Loft color palette (#CDF1F0, #007F7F, #912DB5, #774F00, #000202)

Browse the whole catalog at Explore, or see today's palette.