Teal Pier color palette — #F3FAD2 · #BAF0E9 · #7CBFA1 · #3E8978 · #004742
Mint Leaf takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F3FAD2): A whisper-light, dusty green — the color of a quiet forest floor.
- Sea Foam (#BAF0E9): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#7CBFA1): A luminous, balanced teal — the color of glacier melt.
- Fern (#3E8978): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#004742): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Sophistication. Tagged muted, cool.
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
- Washed Field color palette (#CDFFF2, #00CFC7, #009094, #00505A, #001218)
- Softworn Lagoon color palette (#D3FDE9, #AAC996, #3E9671, #00645D, #00333C)
- Softworn Abyss color palette (#FFF4DD, #CAECC1, #B1BB80, #6A824C, #224711)
- Hushed Basalt color palette (#F9F6E5, #BAECC1, #72B19C, #517794, #374600)
- Patina Seafoam Corridor color palette (#DBFFEE, #4EF0CD, #00B0A5, #006F70, #002D32)
- Antique Meadow color palette (#F4F6EC, #ADD9B2, #62A7AC, #8D5F3D, #3A3831)
- Antique Turquoise color palette (#D4E9E9, #00ACC1, #00748F, #003041, #00050C)
- Wandering Ash Drift color palette (#F5F6EE, #D5DBD6, #ACB6BF, #81AB9D, #4E4E45)
Browse the whole catalog at Explore, or see today's palette.