Softworn Pier color palette — #F3F6F0 · #B5C8A0 · #268D96 · #00815F · #233226

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

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Pistachio (#B5C8A0): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#268D96): A full-bodied, balanced blue — the color of deep harbor water.
• Teal (#00815F): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#233226): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Softworn 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

• Olive Thicket color palette (#F7F5EE, #BEC697, #5E8A62, #6A7412, #2D2F28)
• Worn Petrol color palette (#F0F7F3, #A6CBB3, #5B7EB2, #007A8F, #362936)
• Cobalt Ridge color palette (#F2F2EC, #AFCDA7, #4585CD, #4E813F, #1B121C)
• Dusty Azure color palette (#EFF7F6, #B5DEB2, #36A9D5, #699B67, #243037)
• Worn Cerulean Alley color palette (#E4FEE0, #9FC3A3, #3791A2, #00657C, #004F6C)
• Denim Boulevard color palette (#F4F7E9, #79B3B8, #33829D, #5F4C8A, #354F3D)
• Powdered Orchard color palette (#E1F0E7, #0083A4, #001FB1, #003847, #0A0009)
• Cellar Cypress Field color palette (#DEE6D9, #006A5A, #193247, #00231D, #000203)

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