Softworn Petrol Canyon color palette — #FAEAE2 · #77C7C3 · #007486 · #004122 · #000306

Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAEAE2): A whisper-light, dusty orange — the color of autumn markets.
• Mint Leaf (#77C7C3): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007486): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004122): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

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

Use it as a design system

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

• Dusty Cabin color palette (#FAEBDF, #88BFDD, #2B67B0, #003E3F, #020013)
• Timeworn Quarry color palette (#FFF2EC, #8BDAE8, #0085B2, #005342, #000D20)
• Lagoon Garden color palette (#DAEDE9, #7CBEBA, #00959B, #006F5E, #00181B)
• Patina Chapel color palette (#EEEEDF, #3C9B98, #005458, #002C25, #000507)
• Weathered Azure color palette (#FFF2EC, #C2FAFF, #00A9D5, #007557, #002644)
• Antique Parlor color palette (#F6E6F8, #AC41BD, #275500, #004238, #030004)
• Moss Corridor color palette (#F1EADA, #789143, #574E00, #2F1D00, #000200)
• Iris Drift color palette (#FFF3E7, #D1E9FF, #778FD1, #006875, #1F1343)

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