Cobalt Courtyard color palette — #DDF2F2 · #55B4C3 · #5F81B8 · #6D4920 · #1A381E

A conversation between Slate Blue and Cyan, giving this palette its sense of nature and growth.

The five colors

• Frost (#DDF2F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#55B4C3): A luminous, balanced blue — the color of open sky before noon.
• Slate Blue (#5F81B8): A luminous, balanced blue — the color of deep harbor water.
• Bronze (#6D4920): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#1A381E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Timeworn Cobalt Lantern color palette (#D5E7E4, #6DB7E2, #666DB7, #664E26, #392500)
• Tempered Cerulean color palette (#EBF4E1, #76B59B, #0082A7, #7D3C2F, #3D2030)
• Hushed Orchard color palette (#DCF7FF, #A8C2DD, #8C83B1, #3E6552, #0F3A34)
• Hushed Station color palette (#D8EEE5, #5F98A7, #4E669C, #4D3400, #05210D)
• Aqua Thicket color palette (#B5FDE5, #5CCAE5, #819AC3, #8F684A, #643E20)
• Plum Station color palette (#DCEBF5, #8B95E3, #984794, #36511E, #182E00)
• Ancient Azure color palette (#D0E8FF, #2A9DEB, #944F00, #5F5700, #001A2E)
• Antique Sky color palette (#B7ECFF, #52B0E7, #5D82B3, #715079, #643859)

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