Cobalt Courtyard color palette — #F7EFF4 · #A6CFE0 · #3984B0 · #005E3F · #111D42

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

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Powder Blue (#A6CFE0): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3984B0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E3F): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#111D42): A deep, shadowed, dusty violet — the color of wild irises.

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

• Ancient Cerulean Parlor color palette (#EFF8F1, #A8CBDA, #34829F, #006059, #073F5F)
• Washed Cerulean Balcony color palette (#F8EFF3, #C4E1F5, #6C8EC4, #146D63, #232A46)
• Sapphire Quarry color palette (#F1E5EA, #8CBAD8, #4565BB, #004B48, #190C32)
• Washed Orchard color palette (#FBF4EA, #BCE7F3, #5FB2D3, #157F76, #01372B)
• Timeworn Station color palette (#F0DFEA, #4C828F, #003F65, #002016, #01000C)
• Sunlit Station color palette (#F2E7FA, #B35984, #2E8149, #00655A, #1C0A27)
• Ancient Denim Hollow color palette (#EDDFE7, #61A7BF, #145A97, #003B2F, #08002F)
• Timeworn Thicket color palette (#F4EFFF, #F9CBDA, #CAA87F, #656B9D, #2B1A31)

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