Cobalt Courtyard color palette — #E2F7F6 · #80C4F0 · #0076BF · #004E64 · #00193A

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E2F7F6): A whisper-light, dusty teal — the color of sea glass.
• Sky (#80C4F0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0076BF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004E64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#00193A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Softworn Petrol Pier color palette (#E0F8F3, #73CBD5, #008093, #00524F, #001E27)
• Feathered Sapphire Coast color palette (#FFF3E9, #89BFE3, #1966DB, #00555A, #2C246F)
• Misty Azure color palette (#F3F8E7, #9CD3F5, #0093E6, #006E8A, #003364)
• Denim Bloom color palette (#E1F1F0, #6CA3CD, #1B5A96, #00364A, #000923)
• Hushed Cerulean Garden color palette (#D3E2DF, #4E979F, #005360, #002C2A, #000508)
• Patina Raspberry Delta color palette (#F1DDFD, #E62C8C, #0067EC, #8B0050, #001338)
• Antique Chapel color palette (#FFE0E4, #D10052, #865B00, #6C1FA7, #230007)
• Worn Amber Bloom color palette (#F2E6D8, #B6831F, #7F4F00, #522B00, #191100)

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