Faded Courtyard color palette — #F4F7ED · #87DAA2 · #009BD6 · #3D945F · #162822

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

The five colors

• Ivory (#F4F7ED): a clean, paper-quiet neutral.
• Mint Leaf (#87DAA2): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#009BD6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#3D945F): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#162822): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

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

• Soft Emerald Ridge color palette (#F5F6EC, #A8D394, #00A4A2, #559331, #1A2819)
• Dusty Cornflower Veranda color palette (#F1F7EF, #76D8CD, #5190E4, #00948A, #2A202A)
• Dusty Emerald color palette (#EBF8F8, #A9FAD3, #43B1B1, #0DA272, #01151B)
• Jade Villa color palette (#EBF8F6, #B5E4B3, #71B7E3, #70B56E, #132634)
• Ancient Cerulean color palette (#D8FFF0, #77D7CB, #00A3B3, #007597, #003D62)
• Cerulean Field color palette (#FFF4E2, #50C8B6, #0095B7, #874F68, #2E432F)
• Timeworn Cobalt color palette (#ECF5E7, #00C7A7, #0078D7, #007B67, #001228)
• Chalky Quarry color palette (#F6F6EC, #8BC15F, #556AAE, #466C25, #2E1E2B)

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