Soft Courtyard color palette — #E7F5F4 · #9BD8FF · #0089D7 · #005F76 · #00254B

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

The five colors

• Ivory (#E7F5F4): bright and airy, almost weightless.
• Powder Blue (#9BD8FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#0089D7): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#005F76): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00254B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Cerulean Boulevard color palette (#E7F5F3, #B8E4FB, #4998B8, #006B74, #142F41)
• Chalky Cobalt Parlor color palette (#FCF4E8, #A3D6F5, #2A83D2, #006571, #253C74)
• Faded Delta color palette (#DAF9F8, #76C4FE, #0074C9, #004E67, #001740)
• Washed Boulevard color palette (#D3E9E7, #3A95BD, #004F75, #002A34, #00040D)
• Dusty Periwinkle color palette (#FEF1F6, #BAE1FD, #6F9BE7, #008479, #3F366C)
• Tempered Crimson color palette (#FFDADD, #EF0A58, #996B00, #7844A3, #240D27)
• Ancient Apricot color palette (#FFEDEE, #E9D3C1, #FF9667, #9C536C, #3A2137)
• Amber Workshop color palette (#FFDFE9, #D29100, #955C00, #663500, #06220F)

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