Pine Pier color palette — #F0F3EB · #CBDAD5 · #ADC6B8 · #007F59 · #202814

Built around Teal, softened by Onyx — the whole palette hums with sophistication.

The five colors

• Cream (#F0F3EB): a clean, paper-quiet neutral.
• Silver (#CBDAD5): bright and airy, almost weightless.
• Stone (#ADC6B8): A luminous, dusty teal — the color of glacier melt.
• Teal (#007F59): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#202814): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Antique Balcony color palette (#F2F7EE, #CDDED7, #ACC4AB, #007D62, #3B4334)
• Softworn Terrace color palette (#EBF5EE, #C8DADC, #CFB6CA, #007889, #1A291F)
• Forest Lagoon color palette (#E6EBE3, #C5CEC7, #8EAC9F, #006452, #12180D)
• Muted Corridor color palette (#EBF8F9, #CFDEE9, #C7C2CC, #00AB86, #183B3E)
• Antique Cerulean Balcony color palette (#ECF4F1, #DAD1CF, #A49E91, #5689AD, #303835)
• Obsidian Cypress Archive color palette (#E1F2E0, #007B7A, #002E40, #001414, #020400)
• Cerulean Lantern color palette (#E4E7BB, #6EB5A8, #3B86AB, #793D25, #3E3100)
• Abyss Market color palette (#DFE9E0, #A6B8AF, #99869A, #004E4F, #010F02)

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