Cobalt Courtyard color palette — #F7EFF2 · #ADCCE5 · #4B7AC9 · #005A60 · #151E3C

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

The five colors

• Cream (#F7EFF2): a clean, paper-quiet neutral.
• Lilac Frost (#ADCCE5): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#4B7AC9): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005A60): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#151E3C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cerulean Archive color palette (#F6EFF4, #A1D0DE, #008AA5, #005F3D, #002338)
• Antique Cobalt Veranda color palette (#EDF8F7, #98CCF1, #367CBB, #005C77, #243C58)
• Periwinkle Canyon color palette (#F4F6EF, #C0E0F3, #59ACF8, #007A9D, #3E233E)
• Softworn Cerulean Quarry color palette (#ECDDE8, #209AAE, #005070, #002D24, #000410)
• Misty Nightshade Cabin color palette (#EADFE2, #527DA0, #0C18AA, #001F23, #010009)
• Quiet Workshop color palette (#D1F0F6, #00A79C, #C64482, #00635C, #37041E)
• Emerald Quarry color palette (#D8EDD5, #34A864, #007262, #004748, #002229)
• Patina Teal color palette (#CAFDFF, #24C3C3, #007379, #003F42, #001010)

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