Cobalt Courtyard color palette — #D1E5F1 · #0074B1 · #004B88 · #001F53 · #010032

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#D1E5F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0074B1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004B88): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#001F53): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#010032): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Tempered Petrol Quarry color palette (#C2EBF7, #007596, #004E6B, #002942, #000815)
• Pale Onyx Courtyard color palette (#D4F2F8, #006E90, #003363, #0D0057, #0B002E)
• Muted Thicket color palette (#D4F1F6, #0082AB, #0060BB, #1F0DA0, #0E002C)
• Patina Nightshade Garden color palette (#EAEEFD, #546EDD, #2F2FB2, #11005D, #010010)
• Soft Pier color palette (#E1E9FF, #9C98E1, #9572BE, #204483, #0A0531)
• Faded Ultramarine color palette (#E2ECFF, #214CBB, #7D1279, #004749, #00000F)
• Sapphire Canyon color palette (#D4E2F7, #265ED7, #9E0F57, #002299, #130006)
• Indigo Coast color palette (#E0EDFF, #6996FF, #5768DC, #4541A8, #2E235B)

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