Cerulean Courtyard color palette — #D3E5E6 · #008BA8 · #005A81 · #00284B · #01001B

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

The five colors

• Silver (#D3E5E6): a clean, paper-quiet neutral.
• Cerulean (#008BA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005A81): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00284B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#01001B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

Use it as a design system

One click turns Cerulean 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

• Navy Harbor color palette (#CCF2FB, #0085C2, #004E89, #0B006D, #030013)
• Softworn Chapel color palette (#D6F7E5, #008E83, #005A5E, #00232D, #000205)
• Timeworn Onyx color palette (#DCF6F7, #007F91, #004968, #001F47, #1A0034)
• Cobalt Canyon color palette (#CFF1E4, #0087C2, #8E5A00, #004160, #020100)
• Muted Nightshade color palette (#D2EDF9, #0075C3, #2417B0, #190047, #020005)
• Ultramarine Corridor color palette (#D2E8FF, #3F97F3, #0044C8, #001032, #000104)
• Wisteria Thicket color palette (#CCFAED, #B0C2FF, #CB8DC9, #00626A, #020120)
• Linen Orchard color palette (#DDF4FF, #008BDA, #2D31D2, #2A0077, #05000C)

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