Pine Pier color palette — #F8F3F9 · #C6E2EA · #4795B1 · #2A733B · #334A62

Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#C6E2EA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4795B1): A luminous, balanced blue — the color of deep harbor water.
• Olive (#2A733B): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#334A62): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

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

• Aged Cypress Chapel color palette (#FAF3F6, #D7DFF0, #7D9BC3, #237F70, #49516C)
• Washed Courtyard color palette (#FBF2F9, #A3CCDF, #357FB1, #006246, #2E385B)
• Worn Lagoon color palette (#F6F1EA, #CAE5C9, #349DAC, #116E55, #0E3424)
• Iris Loft color palette (#E8F9F9, #73AF8F, #8C7ACE, #00794F, #44396B)
• Timeworn Balcony color palette (#EFE2ED, #549CA5, #005070, #00321C, #000A41)
• Timeworn Mulberry color palette (#DBFDFD, #3E9D71, #8D69AC, #94407E, #0A4041)
• Antique Garden color palette (#DFFDF7, #C6E1F2, #90C3F0, #98742E, #2A5253)
• Muted Navy Garden color palette (#ECE1E6, #5786A7, #1D3087, #002221, #0E0024)

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