Teal Courtyard color palette — #F5F7E8 · #CCDCB2 · #5CC0AD · #898CB5 · #374A00

Mint Leaf and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Celadon Mist (#CCDCB2): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#5CC0AD): A luminous, balanced teal — the color of sea glass.
• Slate Blue (#898CB5): A luminous, dusty violet — the color of twilight just after sunset.
• Deep Olive (#374A00): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Washed Terrace color palette (#F8F5EA, #C8DEB1, #88BB8D, #6B9B90, #494400)
• Powdered Bloom color palette (#FBF6DE, #B0DE9B, #50BE7B, #AD729E, #2A421E)
• Hushed Lichen color palette (#E7FBF1, #C3F5C5, #60AFA0, #816E8A, #213F3C)
• Lagoon Atelier color palette (#F8F5EB, #ABD0A7, #43A28D, #8D6760, #434700)
• Powdered Jade Basin color palette (#E7E6D1, #99C89D, #00AA7B, #98617E, #272C09)
• Washed Hollow color palette (#FAF4EC, #C4E7EA, #8FC1FD, #44A7BB, #583E53)
• Faded Lime color palette (#FFF2EF, #FE9EAE, #99C563, #74AADF, #4A312B)
• Sunlit Blush color palette (#FFF2EF, #FFB3C7, #32D8CD, #E47698, #094D48)

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