Teal Alley color palette — #F4FAD3 · #9BD9B4 · #5AAE92 · #318374 · #40573E
Built around Jade, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Custard (#F4FAD3): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#9BD9B4): A whisper-light, balanced teal — the color of shallow lagoons.
- Jade (#5AAE92): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#318374): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#40573E): A full-bodied, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged muted.
Use it as a design system
One click turns Teal Alley 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
- Tempered Grove color palette (#E4FEE2, #A1E2D9, #66AFA6, #2D7973, #243D20)
- Hushed Villa color palette (#FFF4DE, #CDCE8F, #95A462, #688150, #4E4F48)
- Lagoon Quarry color palette (#F1F8EC, #8ED5C1, #DA9BB9, #489E89, #644342)
- Feathered Mint color palette (#D6FFF9, #98E8FE, #5AD2AA, #449283, #2A515C)
- Antique Teal color palette (#D4E8E2, #00B9B1, #008086, #005F6E, #003243)
- Powder Coast color palette (#ECFAE7, #C7E3DD, #9AC6E0, #A3AE89, #445245)
- Teal Workshop color palette (#EBFBE5, #64C5B6, #AE98D1, #B18966, #3B4636)
- Cypress Summit color palette (#DEF0E3, #007D5B, #005549, #00312E, #000E10)
Browse the whole catalog at Explore, or see today's palette.