Dusty Courtyard color palette — #FAF3F7 · #BFE2F6 · #3C92CA · #007267 · #364963

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Powder Blue (#BFE2F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3C92CA): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007267): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#364963): A full-bodied, 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

• Hushed Field color palette (#F9F3F7, #D3D7EE, #58A6B9, #487C5D, #435563)
• Cerulean Basin color palette (#F1F3EB, #ABE7FB, #4798BB, #006B76, #0C3428)
• Softworn Cobalt Balcony color palette (#FDF1F6, #A5CAE6, #3F77C9, #005F63, #2F3956)
• Powder Villa color palette (#F9F4EE, #BFEBE8, #83C7EF, #4DA9A8, #1D5248)
• Lagoon Chapel color palette (#F5E6F1, #2E8F98, #004357, #002318, #000A17)
• Tempered Peony color palette (#E1FBFC, #60B292, #C361A7, #007857, #493A5C)
• Weathered Navy Pier color palette (#EDDAE3, #5D98B4, #004A89, #00302F, #0A0541)
• Aged Cypress color palette (#DEFCFF, #6AC9BB, #00846B, #004E44, #00382C)

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