Powder Courtyard color palette — #F9F3F8 · #D3D5E4 · #77C7EB · #5B906B · #2C405A

Sky and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#D3D5E4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#77C7EB): A luminous, balanced blue — the color of open sky before noon.
• Fern (#5B906B): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#2C405A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Dusty Basin color palette (#FAF3F6, #D8D4DF, #B0CDFF, #5DA098, #464C63)
• Pine Hollow color palette (#FCF1FC, #CCDCF3, #02C0F1, #168D40, #15365B)
• Aged Cypress color palette (#E8F5F2, #BBE4F2, #5799A5, #056D67, #023143)
• Dusty Taupe color palette (#E1FCF7, #CAE0EF, #BAAFB7, #B79E6E, #304C4E)
• Pale Mallow color palette (#E6FAF8, #A0E8B4, #E39EF6, #3A9F5F, #393353)
• Periwinkle Market color palette (#FFF0F8, #D6D7F1, #349EFD, #00745F, #1C1858)
• Softworn Field color palette (#F8E9F3, #7CC4D2, #006EA4, #00402C, #010015)
• Soft Courtyard color palette (#D4FFFF, #A6E6FF, #55B979, #00724F, #002B18)

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