Softworn Petrol color palette — #FBF4E9 · #C3E4F4 · #79ABDA · #137D89 · #3F233C

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

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Powder Blue (#C3E4F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#79ABDA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#137D89): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3F233C): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Weathered Loft color palette (#FCF4E8, #BCE6EE, #5CB4CA, #21806C, #003347)
• Periwinkle Alley color palette (#FAF4EF, #C1EBD9, #85B2FF, #00A194, #3A345B)
• Petrol Canyon color palette (#F7EDDC, #81C3CC, #00738D, #003F37, #000306)
• Cobalt Summit color palette (#F0F7F2, #9BCDE9, #327DBD, #005E69, #293B55)
• Aged Denim Grove color palette (#ECE4D9, #78A9CA, #0053A1, #002A32, #00000B)
• Feathered Mint color palette (#EDFAE5, #44DABD, #E085AD, #008A75, #42152B)
• Softworn Powder Meadow color palette (#F9F4ED, #C5DDE8, #B4C0EC, #789C7F, #5A455A)
• Hushed Veranda color palette (#E7FDE0, #D3EBFA, #C6BFD5, #65A989, #1C3521)

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