Gentle Cobalt Courtyard color palette — #BEF4FF · #48AED0 · #2683B4 · #245E90 · #344569

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

The five colors

• Frost (#BEF4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#48AED0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#2683B4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#245E90): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#344569): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Washed Lagoon color palette (#B7FAEC, #50BBB6, #008E97, #00677A, #34466A)
• Frosted Orchard color palette (#DFF2F6, #60BACE, #0085B3, #07509D, #292249)
• Cobalt Lantern color palette (#D1EAFF, #7FA9E7, #6279C6, #575593, #5B3B5D)
• Misty Bloom color palette (#D3EFCE, #72D0E6, #3C9BD5, #366CBC, #3E4269)
• Petrol Delta color palette (#EDF6FF, #69A6D7, #B47B47, #256B9D, #5B3A1B)
• Cerulean Pier color palette (#EEF6FF, #DBD9E3, #C3C2E7, #4C859A, #3D4A62)
• Muted Pier color palette (#C4E9F7, #007CB0, #00426E, #001F4F, #0C0046)
• Cobalt Balcony color palette (#EEF6FF, #498CD1, #B25D6B, #517628, #273A4D)

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