Worn Petrol Coast color palette — #FFF1F6 · #D5A77B · #669A7C · #396BA3 · #5B3449

Slate and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Camel (#D5A77B): A luminous, dusty gold — the color of afternoon light on wheat.
• Eucalyptus (#669A7C): A luminous, dusty teal — the color of glacier melt.
• Slate (#396BA3): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5B3449): A deep, shadowed, dusty rose — the color of strawberry cream.

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

Use it as a design system

One click turns Worn Petrol Coast 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 Boulevard color palette (#FDF3EA, #FFBC7B, #72A981, #437090, #4D2E33)
• Petrol Delta color palette (#FCF2F9, #E19E90, #87935E, #007782, #443B63)
• Softworn Loft color palette (#EDF8F3, #B2B778, #399CA8, #74599A, #623426)
• Softworn Thicket color palette (#FFF1F6, #C1D8C9, #89B2A9, #68829B, #47526A)
• Misty Hollow color palette (#E4FDE9, #C29300, #008C71, #004ABD, #5A003C)
• Muted Sand color palette (#FFF2EA, #FCB394, #72B4CA, #9C7A97, #503A4D)
• Antique Taupe color palette (#E9F6EA, #B69662, #4A5D53, #2D3D2E, #281F23)
• Hushed Alley color palette (#F8F3FC, #BF83A0, #378255, #694271, #453D58)

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