Cobalt Courtyard color palette — #CCFFED · #88BEF0 · #4277AD · #073E70 · #001A33

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CCFFED): A whisper-light, dusty teal — the color of sea glass.
• Sky (#88BEF0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#4277AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#073E70): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001A33): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.

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

• Weathered Cabin color palette (#D4FEE0, #75C9E4, #0D8CA2, #004A53, #001B22)
• Cobalt Meadow color palette (#FFEBF9, #AAB6F6, #7673B6, #303B75, #0A0D39)
• Worn Coast color palette (#EEF6FF, #ABD3FF, #4796C9, #006497, #043258)
• Weathered Lagoon color palette (#F9EEF6, #9EB2E5, #A65C5D, #4960A5, #1A0904)
• Obsidian Sapphire color palette (#E5F0FE, #286CCA, #003868, #000E30, #000106)
• Hushed Lagoon Lantern color palette (#DDF9ED, #F5DBD1, #DEBADB, #3E8A81, #173830)
• Lime Coast color palette (#F0F0CE, #80CD67, #489DE9, #0A2F28, #051511)
• Aged Coast color palette (#F8EFF6, #BDB57D, #435380, #371C33, #140812)

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