Teal Boulevard color palette — #FFF2EF · #B0C88E · #27A5AD · #905D6F · #474942
Built around Turquoise, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Pistachio (#B0C88E): A luminous, balanced green — the color of a quiet forest floor.
- Turquoise (#27A5AD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pewter (#905D6F): A full-bodied, dusty rose — the color of strawberry cream.
- Charcoal (#474942): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.
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
- Patina Azure color palette (#FFF2EA, #8ACEB6, #6198C7, #916249, #3D4D3E)
- Wandering Celadon Bloom color palette (#FFF0F8, #BFEBB8, #70AFB1, #7D698C, #264546)
- Dusty Grove color palette (#FFF2EB, #DBB78B, #6CA174, #80608F, #5A4500)
- Worn Dune color palette (#E9FBEC, #79B987, #278782, #5A5475, #344D4E)
- Dusty Bronze Lagoon color palette (#F8F5ED, #CFD6AF, #6DA99C, #927B33, #4C5200)
- Worn Fern color palette (#F8F6E4, #A3E1BD, #74BEB1, #9D819F, #38510F)
- Weathered Sky Lantern color palette (#FBF3F0, #C1E2E9, #78BBDC, #619472, #5E4B5E)
- Hushed Clover Coast color palette (#FFF2EE, #3BC660, #008AAE, #9D2B39, #003F35)
Browse the whole catalog at Explore, or see today's palette.