Timeworn Pier color palette — #F6F6E8 · #B8FDFF · #00AEBE · #007369 · #002A33

Cyan and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Sea Foam (#B8FDFF): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00AEBE): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007369): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002A33): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Timeworn 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

• Muted Turquoise Balcony color palette (#EBEFDB, #5DAFC8, #005D7B, #002B30, #000103)
• Tempered Petrol color palette (#EAF9F6, #6DC9CC, #007C89, #00564F, #003A45)
• Linen Cabin color palette (#F3F8E8, #DBE1F4, #349FF9, #006D8D, #002251)
• Softworn Turquoise Coast color palette (#FFF2EB, #9BEAED, #00BDE6, #009C6D, #003657)
• Hushed Balcony color palette (#F5F7E7, #B1D7B8, #00899D, #00524E, #000F15)
• Aged Driftwood Lantern color palette (#F5F6EE, #BEDFE8, #95C5D5, #7C9B7C, #3B5448)
• Mustard Archive color palette (#FFF4DF, #CDBC57, #987A00, #654700, #1A1900)
• Faded Brick color palette (#FFF2ED, #FF8C82, #85AA00, #C9031B, #192300)

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