Softworn Petrol color palette — #F6F7E0 · #69CACA · #007D86 · #00574D · #003A44

Built around Teal, softened by Aqua — the whole palette hums with trust and stability.

The five colors

• Cream (#F6F7E0): A whisper-light, dusty green — the color of fresh herbs.
• Aqua (#69CACA): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007D86): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#003A44): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Hushed Petrol color palette (#FFEEE5, #80CACB, #007F98, #005535, #001C2E)
• Dusty Corridor color palette (#EDF0E7, #8FB7D4, #356C9F, #004C64, #0A2C5B)
• Turquoise Orchard color palette (#E4E5DB, #5CADB4, #006370, #003E3B, #00242D)
• Aged Turquoise color palette (#E9F9F6, #8BEDEE, #00C1D0, #00998B, #003A44)
• Antique Meadow color palette (#F4F7EA, #9FD7F4, #0088C5, #006477, #01426F)
• Dusty Cypress color palette (#F5F6EE, #C9E4DF, #80A38C, #387B79, #375144)
• Ancient Cerulean color palette (#FFF0FA, #90DADA, #009CBA, #00764C, #003754)
• Pale Fern color palette (#D7FFE4, #72F1C6, #00C2B0, #1C7106, #04492E)

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