Weathered Cobalt Courtyard color palette — #F8F0E8 · #A7D2C6 · #6378B9 · #005966 · #211A3C

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F8F0E8): bright and airy, almost weightless.
• Oat (#A7D2C6): A whisper-light, dusty teal — the color of sea glass.
• Slate (#6378B9): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005966): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#211A3C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Weathered 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

• Cobalt Market color palette (#F3F7ED, #ABCDC4, #4878BE, #005A7F, #283961)
• Hushed Villa color palette (#FFEEE6, #A1DBE3, #008FBA, #00644D, #002647)
• Ancient Petrol color palette (#F3E6DF, #96BFA5, #0073A6, #004C42, #001339)
• Petrol Studio color palette (#ECF8F8, #DBDCE7, #7DA7E8, #0D77A7, #1D2C54)
• Ancient Denim Lagoon color palette (#F8E7DC, #5993A7, #004E7A, #002C28, #00001E)
• Hushed Petrol color palette (#F7F1EB, #C9E2E5, #B190AC, #307680, #462D3B)
• Muted Moss Cabin color palette (#ECEBD1, #76A141, #9964A5, #3E6100, #2B0C31)
• Muted Moss Courtyard color palette (#ECEDDB, #5EA240, #773F97, #82274F, #151500)

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