Tempered Mint color palette — #E9F9F9 · #1FD48B · #2383D8 · #008756 · #09192A

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

The five colors

• Ivory (#E9F9F9): a clean, paper-quiet neutral.
• Clover (#1FD48B): A luminous, vivid teal — the color of sea glass.
• Azure (#2383D8): A full-bodied, balanced blue — the color of deep harbor water.
• Fern (#008756): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#09192A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Linen Mint color palette (#EBF8F9, #37CFAE, #8071C6, #00856D, #131728)
• Sunlit Corridor color palette (#E8FAF4, #9BC636, #3586C6, #627D28, #0A1A28)
• Sunlit Cobalt Coast color palette (#F2F7ED, #87E6C4, #0492D9, #008B6B, #000705)
• Worn Denim color palette (#ECF8F7, #61AD77, #3A5B9F, #00602D, #0F1927)
• Byzantium Parlor color palette (#DFF7FF, #00C2CC, #952EFC, #00787E, #17072C)
• Clover Delta color palette (#F4F6EC, #98DEA0, #9B95F0, #00B442, #270E1E)
• Tempered Corridor color palette (#FFE6F7, #00BAB1, #317CB9, #823F2D, #133542)
• Worn Market color palette (#E1FBFF, #00A396, #954388, #753369, #092717)

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