Worn Pier color palette — #E7F2E9 · #A1E1DF · #00B9CE · #1F9373 · #003343
Cyan and Fern set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Ice Blue (#A1E1DF): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00B9CE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#1F9373): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#003343): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Worn 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
- Misty Pier color palette (#E7F2E9, #ABDAF8, #60A9F5, #008EA1, #1D2C52)
- Forest Studio color palette (#F6EAF7, #8BD3D2, #2794B4, #246F32, #032F56)
- Teal Loft color palette (#F0F7F2, #D4DEF6, #95C4E7, #4FA8AE, #364961)
- Ancient Petrol color palette (#EEE8DF, #7FC1BF, #007987, #004D3A, #001922)
- Moss Loft color palette (#DAFDF9, #A0F6D4, #61E0E5, #8A9F48, #113C28)
- Soft Studio color palette (#DFEBE1, #80B8DC, #3C85D5, #006A7B, #040841)
- Jade Courtyard color palette (#BEF9C8, #7AD794, #39B161, #007B3F, #001C09)
- Frosted Clover color palette (#C0EAE4, #36BC47, #608FFF, #DE4F4C, #022706)
Browse the whole catalog at Explore, or see today's palette.