Cobalt Courtyard color palette — #FDF2F6 · #C3E0F9 · #698AC3 · #186F75 · #3D4761

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

The five colors

• Ivory (#FDF2F6): a clean, paper-quiet neutral.
• Powder Blue (#C3E0F9): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#698AC3): A luminous, balanced violet — the color of a velvet chair.
• Teal (#186F75): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3D4761): A full-bodied, dusty violet — the color of a velvet chair.

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

• Worn Cerulean Balcony color palette (#FAF2F8, #AAEBE7, #3F98AA, #406E51, #304B5F)
• Ancient Cypress Balcony color palette (#FAEEF2, #C7E0F5, #788CBD, #006D6A, #2F2547)
• Washed Lagoon color palette (#FAF4EE, #C0E8EA, #91A4D0, #418884, #5D3C4C)
• Washed Villa color palette (#FFF1F5, #C2ECF9, #98CFC9, #987890, #475748)
• Antique Turquoise color palette (#F9F4ED, #C4E7E9, #99C0F3, #00AAC6, #3A466A)
• Soft Amber Alley color palette (#FFF1F6, #DF8736, #598CCA, #935414, #2A4463)
• Weathered Turquoise color palette (#F4E6F1, #45AFBD, #00607F, #003F30, #00203E)
• Cerulean Field color palette (#EDDFE6, #218DAC, #004067, #00231F, #010030)

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