Teal Boulevard color palette — #ECF9F2 · #ADE2D6 · #7DBC98 · #9A86B1 · #244A43

Mint Leaf takes the lead with Heather close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Mint (#ADE2D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#7DBC98): A luminous, balanced teal — the color of shallow lagoons.
• Heather (#9A86B1): A luminous, dusty violet — the color of twilight just after sunset.
• Forest (#244A43): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Wandering Jade Studio color palette (#E7FBED, #C7D6A1, #74B87A, #8E7BBF, #354008)
• Teal Ridge color palette (#EBF8F6, #B6E8FB, #6EAE90, #5C7B8B, #253E3C)
• Muted Raspberry Meadow color palette (#CEF5EA, #8BD3A3, #00AF9A, #A758A5, #00381C)
• Linen Blush color palette (#F9F2FE, #F4B7D1, #80D494, #E373A9, #1E4E2C)
• Muted Balcony color palette (#F4F7E8, #BECAA6, #5A9F84, #3D7B90, #3A4900)
• Aged Teal Coast color palette (#FBF2F7, #D4E0F8, #85C5F7, #00AFA2, #37476A)
• Hushed Studio color palette (#F6F2E4, #9EBE92, #50816A, #664D54, #282912)
• Washed Lilac Quarry color palette (#F8F2FF, #ECE6B3, #ECD6DD, #BF9AD8, #58475D)

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