Misty Courtyard color palette — #F8F9CF · #00C2AE · #008E99 · #474FA9 · #223D20

Indigo takes the lead with Turquoise close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F8F9CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#00C2AE): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#008E99): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#474FA9): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#223D20): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, cool.

Use it as a design system

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

• Cobalt Summit color palette (#E3FEE4, #00B1B3, #007EC3, #584399, #0A3C02)
• Wandering Bloom color palette (#FDF7D1, #00C95D, #009375, #006096, #034126)
• Powdered Teal Villa color palette (#DFE2BC, #00A8A4, #007689, #433C7E, #0F2B15)
• Dusty Meadow color palette (#F2F9E1, #3BC1F1, #5A8ABA, #78547F, #244539)
• Mulberry Grove color palette (#FFF4E2, #00A385, #006C7D, #77105A, #003F3B)
• Hushed Lagoon color palette (#D1E9D1, #00999A, #004F58, #182C19, #0C140A)
• Tempered Balcony color palette (#F4F7E8, #A7E5FF, #00A8E6, #008092, #184461)
• Aubergine Grove color palette (#E1F5E3, #0090A7, #005F88, #4B1C6B, #001922)

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