Cobalt Courtyard color palette — #FCEFE8 · #94D3E4 · #4C81AC · #005E47 · #171D3E

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

The five colors

• Cream (#FCEFE8): bright and airy, almost weightless.
• Sky (#94D3E4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4C81AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005E47): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#171D3E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Cerulean color palette (#F5F7EB, #A9D0B8, #2284A3, #005F65, #0B4057)
• Washed Parlor color palette (#F7F0EA, #B7E9D6, #788DBA, #296A65, #3D2230)
• Quiet Sapphire color palette (#F1E7DE, #7BBBEB, #4E63B9, #004B4B, #1B0B32)
• Antique Studio color palette (#FDF1F9, #B9DAEA, #549ECA, #007E6D, #243B5E)
• Cerulean Meadow color palette (#F7E8DF, #0086A3, #003D6B, #002018, #01000B)
• Faded Grove color palette (#FFE1E3, #C633A7, #00816D, #00626D, #26090D)
• Tempered Nightshade color palette (#EDDFD0, #4F8FC7, #3430AD, #002B2D, #080014)
• Pewter Drift color palette (#FFECEF, #FFC5C5, #C8AC7B, #726B9D, #311A17)

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