Softworn Petrol Pier color palette — #EEF4EF · #AACEB3 · #5F86B0 · #00808F · #1B121C

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

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Pistachio (#AACEB3): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#5F86B0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00808F): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#1B121C): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Indigo Bloom color palette (#EDF7F9, #89D0C6, #7073C3, #007E74, #292E39)
• Washed Thicket color palette (#F5F0F5, #A6C6EE, #7E7BB6, #3473BC, #1E1119)
• Periwinkle Quarry color palette (#EEF7FB, #A2DCE9, #6F9EDA, #399BAD, #252F3A)
• Mulberry Veranda color palette (#FFEDEA, #8AB0D2, #6577A5, #713D61, #352636)
• Tempered Denim color palette (#D7FCEB, #A3C9E8, #658DBE, #2D5091, #1A205E)
• Ultramarine Veranda color palette (#D8EAE3, #4995C7, #3243BB, #004B72, #060005)
• Inked Navy Market color palette (#D8E8DF, #006279, #0C0583, #00232D, #00000C)
• Teal Orchard color palette (#F2F7F1, #C4DEF6, #B0A4E0, #1DB0A4, #261A20)

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