Teal Pier color palette — #FFF2EE · #BFC38D · #43A49B · #915B77 · #4A4C00
Turquoise and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Pistachio (#BFC38D): A luminous, dusty green — the color of fresh herbs.
- Turquoise (#43A49B): A luminous, balanced teal — the color of sea glass.
- Pewter (#915B77): A full-bodied, balanced rose — the color of strawberry cream.
- Deep Olive (#4A4C00): A full-bodied, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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
- Ancient Azure color palette (#FFF2EC, #95CDAF, #4F9BC8, #8F6256, #404C3E)
- Jade Lantern color palette (#FFF3E9, #E8B27F, #72A169, #746692, #4B4741)
- Dusty Teal Atelier color palette (#FFF0F8, #D1E5B5, #69B1A7, #92617D, #264643)
- Bronze Workshop color palette (#F9F5EB, #D4D4AF, #74A993, #977833, #535000)
- Weathered Meadow color palette (#F7F5ED, #B3B769, #8A83C1, #8D5665, #5B3832)
- Hushed Jade Hollow color palette (#EBFAED, #86B775, #478477, #565577, #324E4C)
- Clover Balcony color palette (#FFF2EF, #7DBC4F, #008D9F, #9B2A49, #00402A)
- Muted Jade color palette (#F0F4E7, #68AD81, #485F4C, #363A2F, #23221C)
Browse the whole catalog at Explore, or see today's palette.