Cobalt Courtyard color palette — #F0F3EB · #A8D2C6 · #567EB0 · #005677 · #30152E

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

The five colors

• Cream (#F0F3EB): a clean, paper-quiet neutral.
• Oat (#A8D2C6): A whisper-light, dusty teal — the color of sea glass.
• Slate (#567EB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005677): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#30152E): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Muted Cerulean Coast color palette (#F1F3E7, #ABD3B8, #1789A7, #005B5E, #002433)
• Cobalt Cabin color palette (#FBF2F5, #B2C8DD, #6276AC, #005E6A, #3B3261)
• Tempered Denim Balcony color palette (#EDF0DE, #5195A8, #00516A, #002B2F, #00050A)
• Petrol Veranda color palette (#FAF4EE, #C4E2F7, #90A5DA, #007D8C, #432135)
• Soft Canyon color palette (#E5E9C6, #528D44, #007D88, #7C5100, #031A00)
• Worn Olive color palette (#F1F5DB, #B1E5C6, #7FBBA7, #677D4D, #262B0E)
• Wandering Cocoa color palette (#EFDDCD, #B29170, #845A38, #612E0D, #231402)
• Rust Harbor color palette (#ECEBCF, #7A9F4B, #B95D4E, #406100, #390703)

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