Cobalt Courtyard color palette — #FFF2EA · #8DDAFB · #1A83D5 · #006763 · #303D68

A conversation between Azure and Ice Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Ice Blue (#8DDAFB): A whisper-light, balanced blue — the color of open sky before noon.
• Azure (#1A83D5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006763): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#303D68): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Linen Canyon color palette (#FFF2EC, #73E3E7, #008DAC, #006A47, #0A4467)
• Cobalt Dune color palette (#FDEFE5, #96DBF8, #4884CF, #006356, #211954)
• Cobalt Chapel color palette (#FCF4EA, #A5C9EC, #5C74BD, #005E6B, #4E2F40)
• Sunlit Periwinkle color palette (#FFF0F8, #AAE5FF, #6B9EE0, #008474, #3B386C)
• Softworn Atelier color palette (#CFF7F4, #00B7C9, #007E9D, #005485, #203C6B)
• Antique Mallow Dune color palette (#E8F8FF, #DED7F1, #D6A7FF, #008384, #503953)
• Periwinkle Summit color palette (#EDF6FF, #55AFFF, #0071A7, #003E65, #002643)
• Hushed Petrol Drift color palette (#FAF4EE, #C6EBF0, #AF8CAA, #3F7981, #634A58)

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