Softworn Petrol Summit color palette — #F4EEE5 · #5AB2B0 · #007480 · #004C38 · #00171F

Teal takes the lead with Turquoise close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F4EEE5): a clean, paper-quiet neutral.
• Turquoise (#5AB2B0): A luminous, balanced teal — the color of sea glass.
• Teal (#007480): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00171F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Antique Petrol color palette (#E7E1D8, #7BBECA, #0081A3, #005A52, #002236)
• Worn Drift color palette (#E5F2E8, #08D0CE, #007581, #00402E, #000305)
• Aged Denim color palette (#E8E1D5, #599CB7, #005E8E, #003B3E, #00081C)
• Washed Bloom color palette (#DEF5E1, #7EBFDF, #6394E2, #00665C, #001A21)
• Timeworn Balcony color palette (#F6ECDC, #7BA7C8, #0663C5, #004856, #070544)
• Pine Bloom color palette (#F2E5F3, #5AC4BF, #0092B0, #097318, #00152A)
• Timeworn Coast color palette (#FCF4E7, #8BDAE2, #009CBC, #007464, #003850)
• Feathered Boulevard color palette (#CFE5D0, #00898B, #BE003D, #005051, #260006)

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