Pine Pier color palette — #FDF3ED · #C3DDC1 · #00A7C1 · #0B814B · #00405C

A conversation between Fern and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Celadon Mist (#C3DDC1): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#00A7C1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#0B814B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#00405C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, 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

• Timeworn Lantern color palette (#FEF0FA, #CDDEF4, #3EB7D0, #387F56, #133146)
• Periwinkle Market color palette (#FCF3ED, #B7DFCE, #6B98D1, #007B7E, #313562)
• Mint Lagoon color palette (#D1ECD3, #65C7A2, #00988E, #006975, #004457)
• Dusty Lagoon color palette (#E7FCE7, #B7E5E5, #B7BAEC, #3E9871, #204832)
• Muted Cerulean Harbor color palette (#D7F7FF, #70CFDD, #0099AB, #005D67, #002328)
• Soft Rust Coast color palette (#D2EDD8, #00A8BA, #D55B70, #C74629, #003238)
• Hushed Station color palette (#F9F4EF, #CCE7EB, #C8A4C1, #4293A2, #644957)
• Pale Coral Hollow color palette (#E5F3E4, #3FBDB8, #D6756C, #00837F, #5C1E1A)

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