Tempered Mint Courtyard color palette — #E5FAF9 · #06CB81 · #0099CC · #6671B4 · #06241C

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

The five colors

• Ivory (#E5FAF9): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#06CB81): A luminous, vivid teal — the color of sea glass.
• Cerulean (#0099CC): A luminous, balanced blue — the color of open sky before noon.
• Slate (#6671B4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#06241C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Tempered Mint 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

• Frosted Lantern color palette (#DFFCF9, #00C653, #009CC2, #9A692C, #0A261E)
• Hushed Mint Ridge color palette (#D6F7ED, #5AD598, #00AF9B, #4777AD, #02383B)
• Iris Ridge color palette (#E5F9FF, #00BDBC, #6A81ED, #8765A1, #082626)
• Cornflower Villa color palette (#E5F9FF, #00BDBC, #6188EC, #717723, #002727)
• Pale Nightshade Market color palette (#DDEFEF, #00A573, #007CB8, #443F9C, #050B00)
• Iris Pier color palette (#CDEFFE, #00AAC0, #8A75EB, #426700, #001317)
• Hushed Station color palette (#F7F7E5, #8BAB51, #4B60BB, #721C51, #190B00)
• Dusty Ridge color palette (#C9E4E7, #00B590, #3E6971, #2C4142, #050F10)

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