Softworn Petrol color palette — #FAF0E2 · #79C9DC · #007CA5 · #00524E · #001C31

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

The five colors

• Cream (#FAF0E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#79C9DC): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007CA5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001C31): 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

• Sapphire Coast color palette (#F8F1E5, #93C0EA, #3A6CCE, #004F62, #130353)
• Pale Cobalt color palette (#FFF0FA, #46CAE5, #0074B2, #005840, #212C66)
• Hushed Hollow color palette (#E2F5FF, #B1D5FF, #929BFB, #006C76, #002033)
• Hushed Denim color palette (#F0E9DE, #6CA6B9, #005F87, #00393A, #000B1C)
• Chalky Lagoon color palette (#EEF8F0, #7BDBF2, #0099CA, #00736E, #003659)
• Plum Thicket color palette (#D3E5ED, #007DA0, #B0007D, #595400, #001119)
• Wandering Hollow color palette (#CFECDB, #0095B4, #C14000, #005568, #2C0800)
• Wandering Cypress color palette (#F5F1EB, #CADFDF, #73A2C5, #007A80, #412F42)

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