Cobalt Courtyard color palette — #FFF1F6 · #9CD6FF · #507DCF · #00656D · #3A386B

Built around Azure, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#9CD6FF): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#507DCF): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00656D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#3A386B): 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 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

• Timeworn Cobalt Loft color palette (#FEECF3, #ACD6F4, #627ECF, #006260, #2A1A47)
• Dusty Corridor color palette (#FCF1F9, #84D4DC, #32839F, #006248, #1D3D59)
• Iris Quarry color palette (#FDF3EA, #B7E1FF, #7797F0, #008380, #45346A)
• Softworn Ridge color palette (#FFF1F5, #74BEFF, #3D5EE1, #00545F, #33285E)
• Dusty Cypress color palette (#FAF2F8, #D4D7EE, #6BA3B4, #4A7B63, #415567)
• Faded Boulevard color palette (#FBF4E9, #C2F0E1, #84B9FF, #00A1BE, #303C6C)
• Sunlit Navy Canyon color palette (#EDDEE4, #3899CC, #004597, #002F31, #0E0A38)
• Cerulean Market color palette (#FAEAF6, #0091A1, #00425B, #00231B, #00091A)

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