Pine Pier color palette — #FBF2F8 · #D5D4E1 · #66AEE3 · #008360 · #212B53
Built around Teal, softened by Cornflower — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Silver (#D5D4E1): bright and airy, almost weightless.
- Cornflower (#66AEE3): A luminous, balanced blue — the color of deep harbor water.
- Teal (#008360): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#212B53): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, 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
- Lagoon Archive color palette (#FAF3F6, #D8D4DF, #A0BBEE, #1D958C, #40385F)
- Pine Corridor color palette (#FBF2FB, #B8FDFF, #00A9D9, #007838, #00234E)
- Patina Basin color palette (#FFF1F6, #D8DEFB, #718AEC, #006A6A, #251140)
- Timeworn Sky Hollow color palette (#F9F4EE, #C4EBD1, #24C2FA, #06A099, #194339)
- Jade Villa color palette (#EAF8FF, #DADAE5, #C2B0A5, #3FA884, #173A52)
- Tempered Chapel color palette (#EAF5EC, #A0CFE6, #2687AC, #005C57, #062239)
- Gentle Drift color palette (#DCFFEA, #68E3D6, #0099B0, #006C94, #183361)
- Dusty Cobalt Balcony color palette (#FDF3ED, #A6D1B5, #3C7EAE, #006248, #4B3045)
Browse the whole catalog at Explore, or see today's palette.