Teal Pier color palette — #F8F9D0 · #A7D8AC · #6EB493 · #3F8773 · #3E523B
Built around Jade, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Custard (#F8F9D0): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A7D8AC): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#6EB493): A luminous, balanced teal — the color of sea glass.
- Fern (#3F8773): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#3E523B): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Teal Pier 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
- Weathered Lagoon color palette (#FFF5D8, #A1C097, #4F9C73, #00726B, #3C5943)
- Ancient Teal color palette (#E9FCE1, #A9E9DC, #62B0A3, #2E766A, #273D20)
- Timeworn Fern color palette (#FFF4DF, #D3CA90, #A1A765, #708452, #4B4E00)
- Mint Boulevard color palette (#DAFFEF, #BAE3A8, #56CEA6, #489E93, #35545F)
- Hushed Lagoon color palette (#F1F8E9, #8DD6BB, #D59FB7, #509D83, #664241)
- Softworn Teal Corridor color palette (#EEFAE7, #6CC4AF, #A89BCF, #B88662, #3B4733)
- Soft Summit color palette (#D4F6EF, #00CAC7, #0092A0, #00687D, #003D56)
- Softworn Pine color palette (#E3F2E5, #007E55, #005442, #002D29, #000A0B)
Browse the whole catalog at Explore, or see today's palette.