Dusty Courtyard color palette — #ECF9EE · #9DDCD9 · #00909F · #00694F · #00475A

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Ice Blue (#9DDCD9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00909F): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00694F): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00475A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Dusty 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 Market color palette (#EBFAEE, #6EC9CC, #007B8F, #005747, #00384C)
• Forest Thicket color palette (#F9EDFA, #9EDEDA, #0091B1, #0F671A, #002646)
• Petrol Studio color palette (#F0F7F1, #CBDFF0, #688DB7, #006E7E, #374864)
• Pine Harbor color palette (#FFF2EE, #A2EAE8, #00ACD4, #12892F, #1A4268)
• Soft Aqua color palette (#FEF4E3, #96F8F5, #00CDE2, #22A882, #00475A)
• Aged Coast color palette (#D7E3D9, #5D879D, #00425F, #002223, #000919)
• Worn Denim Lantern color palette (#E0EDE2, #6EA8BF, #005D8C, #003D41, #001E45)
• Hushed Orchid color palette (#ECE8FF, #AB5BB3, #916B00, #006E76, #432146)

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