Cerulean Courtyard color palette — #E1F6FF · #6ACAE8 · #008CA2 · #00475B · #00171F

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

The five colors

• Ivory (#E1F6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#6ACAE8): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#008CA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00475B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00171F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, 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

• Cobalt Studio color palette (#E7F4FF, #8EBBF5, #017AC1, #004775, #00152A)
• Washed Aqua Loft color palette (#E5FAFF, #4ACBED, #007F93, #004E5E, #003542)
• Timeworn Lagoon Harbor color palette (#D0FBFF, #80D5AF, #008B75, #004B35, #001C13)
• Twilit Corridor color palette (#C3E4F7, #007595, #00415B, #00121C, #000102)
• Misty Plum color palette (#EAF3FA, #7ABCE4, #B34D74, #006C9A, #130A16)
• Aged Courtyard color palette (#C6E7FF, #1EACF9, #00669C, #00344C, #000916)
• Worn Loft color palette (#DCFFE9, #D4E5F8, #00B2CF, #006C80, #00222A)
• Marigold Corridor color palette (#F2E8D1, #FDA52E, #00C0DB, #15303B, #071217)

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