Softworn Petrol color palette — #F0F7F2 · #BCAE81 · #007B9B · #735D00 · #0D2735

A conversation between Cerulean and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Camel (#BCAE81): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#007B9B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#735D00): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#0D2735): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged duotone, 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

• Dusty Olive Pier color palette (#EFF7F5, #B4C99B, #5D7EB4, #5B792A, #252E3B)
• Softworn Garden color palette (#FBF2F7, #DF9C7F, #007F81, #9D3D00, #092830)
• Antique Olive Delta color palette (#F3F2EB, #AEBB7C, #008874, #5F6D00, #0A1006)
• Ancient Balcony color palette (#ECF8F4, #BFCC8A, #00A4A1, #798A00, #0E282E)
• Wandering Garnet color palette (#FBF1FF, #979D61, #007A75, #7D2D49, #1C4540)
• Lagoon Cabin color palette (#D4FBDB, #A4B27F, #268767, #006062, #004762)
• Lapis Basin color palette (#E9F9F7, #6AB57D, #4E4CD4, #00682E, #16183B)
• Weathered Grape color palette (#ECF8F8, #5AAC8B, #833698, #005E43, #19132E)

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