Cobalt Courtyard color palette — #D2E4F6 · #008DDC · #473B70 · #0E283E · #05141A
A conversation between Azure and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D2E4F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#008DDC): A luminous, balanced blue — the color of deep harbor water.
- Navy (#473B70): A deep, shadowed, balanced violet — the color of a velvet chair.
- Midnight (#0E283E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#05141A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Creativity, Balance. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns 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
- Patina Studio color palette (#DDE7FC, #6C71FF, #5A355D, #1A2541, #09131B)
- Azure Station color palette (#D9FFF4, #0998F2, #373660, #001A15, #000201)
- Sapphire Courtyard color palette (#E0EEFE, #006DDD, #3A294F, #071728, #00050A)
- Timeworn Periwinkle Thicket color palette (#D7E1EC, #43A6FF, #516791, #2D445B, #04131F)
- Ancient Lagoon color palette (#C8EDF8, #00999B, #004974, #082B34, #061414)
- Weathered Wisteria Lantern color palette (#F2F0FD, #BE81C8, #645068, #383642, #1F2128)
- Jade Station color palette (#E2EBFF, #98AAFF, #00AC6D, #628B00, #262D51)
- Feathered Azure Hollow color palette (#FCF2F8, #A6E7F9, #20A2FC, #008668, #333B6B)
Browse the whole catalog at Explore, or see today's palette.