Softworn Petrol Pier color palette — #EBE1DA · #64ACCB · #0068B3 · #004A48 · #080642

Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#EBE1DA): a clean, paper-quiet neutral.
• Cyan (#64ACCB): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0068B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#080642): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Wandering Petrol color palette (#FAEAE2, #5AB2B7, #00718D, #004C35, #001527)
• Linen Sapphire color palette (#F5EADF, #8BB7DB, #496DCF, #005862, #20104C)
• Petrol Terrace color palette (#FDE7F2, #67C4EA, #006AB4, #003E3C, #010015)
• Tempered Denim Alley color palette (#D5E5E3, #5699B6, #005073, #002E38, #001528)
• Cobalt Drift color palette (#F5EDE7, #A5D0B9, #208DD4, #006D65, #142861)
• Frosted Azure Balcony color palette (#DCECD0, #76BDCE, #3893E9, #356500, #002120)
• Lagoon Balcony color palette (#D0EFEB, #00A199, #005E5A, #00312D, #000202)
• Dusty Azure Atelier color palette (#FFF2EC, #ABE6F4, #39A7DE, #008571, #20406C)

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