Cobalt Courtyard color palette — #F5EDE0 · #7BC0E9 · #0068B9 · #003D45 · #000016

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE0): bright and airy, almost weightless.
• Sky (#7BC0E9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0068B9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Petrol Garden color palette (#F4EDE2, #7AC5CD, #00738B, #003F35, #000306)
• Navy Alley color palette (#F7E9EF, #4C92BA, #0A4690, #002B2D, #03001B)
• Dusty Loft color palette (#F1E3D7, #48BDF7, #437CF0, #006E66, #17033A)
• Weathered Periwinkle color palette (#F9F4ED, #D9D5E0, #68A7FF, #007C93, #232B50)
• Feathered Byzantium Terrace color palette (#EFE1FF, #8F00D8, #7D4B00, #004E49, #020006)
• Grape Pier color palette (#DAE3F5, #756CFF, #6100C0, #3B005A, #050007)
• Aged Lagoon color palette (#FFF1F6, #FAA6E8, #FB5694, #453DA6, #0D0010)
• Antique Study color palette (#FAE5ED, #9258E0, #5D7100, #4F008D, #010100)

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