Teal Pier color palette — #F9F8D2 · #00BD99 · #007B7A · #243B77 · #001713
A conversation between Turquoise and Navy, giving this palette its sense of creativity and calm.
The five colors
- Custard (#F9F8D2): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#00BD99): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007B7A): A full-bodied, balanced teal — the color of sea glass.
- Navy (#243B77): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#001713): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Creativity, Calm, Balance. Tagged retro, 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
- Softworn Corridor color palette (#EAFBE2, #00A993, #006C92, #342779, #021100)
- Washed Clover Studio color palette (#FFF6CE, #55BD41, #007F57, #004561, #001805)
- Hushed Delta color palette (#F7F8D6, #00D3BF, #008F9B, #454C7F, #11280F)
- Pale Alley color palette (#F0FBD2, #00B3DD, #0070B1, #532C62, #00170F)
- Aged Mint Drift color palette (#F3F7E7, #72D1A3, #008B6D, #375A3F, #131C02)
- Dusty Onyx Field color palette (#D9E6DB, #008E66, #00575E, #4F0045, #00120F)
- Washed Azure Market color palette (#F4F7E7, #B9F0FF, #00A1CB, #006970, #002232)
- Soft Corridor color palette (#EFDBBC, #43C495, #009AA7, #934484, #002B25)
Browse the whole catalog at Explore, or see today's palette.