Pine Pier color palette — #FAF2FA · #B0DDEA · #3FA3C3 · #1A8133 · #173C61
A conversation between Olive and Cyan, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF2FA): a clean, paper-quiet neutral.
- Powder Blue (#B0DDEA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#3FA3C3): A luminous, balanced blue — the color of open sky before noon.
- Olive (#1A8133): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#173C61): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Washed Lagoon color palette (#FAF3F7, #D0DFF6, #78ABD5, #09906D, #3C456A)
- Washed Cobalt color palette (#F6EBF2, #A3CBE2, #4A89CE, #006E5C, #272756)
- Dusty Cerulean color palette (#FAF4EC, #B1CEAF, #008896, #006249, #064152)
- Teal Drift color palette (#DEEADB, #5FC19F, #009492, #006D77, #004362)
- Ancient Atelier color palette (#DFF4FF, #6FCCD5, #0096AB, #005962, #00232B)
- Powdered Terrace color palette (#DEF2FB, #59B8C7, #DC6B8D, #008090, #5B1A31)
- Denim Study color palette (#E8DCE8, #5A9FA5, #006181, #003E1F, #00081F)
- Ultramarine Workshop color palette (#EAD9E2, #73ABC2, #0064C1, #004B40, #12043F)
Browse the whole catalog at Explore, or see today's palette.