Cobalt Courtyard color palette — #EFF4E8 · #A4CCF1 · #4D7EBA · #0B5675 · #2E162C

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#EFF4E8): a clean, paper-quiet neutral.
• Sky (#A4CCF1): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4D7EBA): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#0B5675): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#2E162C): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Dusty Chapel color palette (#F1F3E8, #91D2EE, #3E84AB, #005968, #00271F)
• Tempered Cerulean Field color palette (#DDE0D3, #0099B8, #00516A, #002B2F, #00050A)
• Aged Periwinkle Corridor color palette (#FBF4ED, #D9D4DF, #81A4F3, #187C88, #402434)
• Hushed Corridor color palette (#FFE1DB, #E85580, #6076C4, #8E2C4A, #10183D)
• Airy Canyon color palette (#F4D9CE, #D7393E, #876A00, #734681, #240C03)
• Aged Apricot Bloom color palette (#FFEEE7, #EED3B8, #DD9E74, #9D616A, #341E13)
• Chestnut Alley color palette (#F0DDC5, #AD965E, #7F5E23, #583500, #1F1604)
• Peony Orchard color palette (#F6DDE9, #E869A3, #A82E5D, #722038, #350B13)

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