Softworn Petrol color palette — #F8F5EF · #C9E7E7 · #799DC0 · #057D89 · #614A5F

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#C9E7E7): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#799DC0): A luminous, dusty blue — the color of open sky before noon.
• Teal (#057D89): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#614A5F): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Softworn Cypress color palette (#F8F5EF, #CBE5DE, #67A4B3, #21806B, #315344)
• Hushed Coast color palette (#E8FAF3, #E9D5D0, #B2A795, #4190A2, #5D4D5C)
• Dusty Powder Coast color palette (#FAF3F6, #D9DFEE, #8FB3EA, #52948A, #4C5265)
• Softworn Harbor color palette (#E1FEE7, #87C6D6, #378FB5, #186794, #624A63)
• Timeworn Lantern color palette (#F5ECDE, #69A8C3, #005D8E, #003D41, #001D47)
• Timeworn Delta color palette (#EAF9F3, #8ABCAA, #BF8C6C, #0D7BAC, #723E07)
• Denim Quarry color palette (#FEF0FF, #9BD1C2, #5786B0, #1C4D83, #193858)
• Softworn Cerulean color palette (#FCF4E8, #BAD8B9, #008FA0, #006950, #00475B)

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