Teal Pier color palette — #FFEEE5 · #00B697 · #3D6EA0 · #6B3428 · #16271A

Built around Turquoise, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Turquoise (#00B697): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#3D6EA0): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#6B3428): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#16271A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Balance. 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

• Turquoise Ridge color palette (#FFF0D6, #24AEC9, #6C609E, #554414, #072921)
• Moss Canyon color palette (#FFEDE8, #7AAE45, #097985, #613553, #1E260D)
• Emerald Veranda color palette (#EEF5E6, #00A775, #814C8C, #613400, #301700)
• Washed Turquoise Hollow color palette (#F4F8DC, #2FAAB3, #2C738C, #524378, #2B4433)
• Weathered Teal Balcony color palette (#FFF0FA, #5EC6B6, #4D8DB9, #8D513F, #1B4350)
• Ultramarine Study color palette (#F8E2D1, #00928F, #232DD6, #4B2600, #00151C)
• Chestnut Hollow color palette (#E2F4CF, #99C6AE, #9B7C90, #79490C, #3A342F)
• Patina Drift color palette (#FCF0E3, #B8B782, #588252, #465B49, #2C2716)

Browse the whole catalog at Explore, or see today's palette.