Cobalt Courtyard color palette — #E2F2F2 · #77A5D0 · #2F74C8 · #00587A · #00032B

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

The five colors

• Cream (#E2F2F2): bright and airy, almost weightless.
• Blue Fog (#77A5D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#2F74C8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00587A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#00032B): A deep, shadowed, balanced violet — the color of wild irises.

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

• Worn Petrol Dune color palette (#E2F2F0, #6EABBD, #0080A4, #005C64, #000B13)
• Hushed Coast color palette (#F3E7EA, #6F97B9, #37529F, #003A42, #0B0027)
• Navy Corridor color palette (#E8EDDF, #497DAA, #003A75, #001D2B, #00010A)
• Soft Azure color palette (#D8E9E7, #85CAEC, #119CE0, #007A90, #00213B)
• Turquoise Archive color palette (#E4F2F0, #9EE0EA, #1DB7D6, #009191, #003343)
• Gentle Orchard color palette (#D9ECCD, #498000, #007579, #7D4B00, #010200)
• Washed Cabin color palette (#D0E7D0, #69C495, #3EA78D, #49731F, #001507)
• Wandering Meadow color palette (#EEF7F6, #D4DDEC, #97D1E6, #79ABBB, #3D5667)

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