Softworn Petrol color palette — #EBF4F1 · #DBD1CF · #C5B5B8 · #53799A · #222F2B

Built around Slate, softened by Deep Forest — the whole palette hums with trust and stability.

The five colors

• Cream (#EBF4F1): a clean, paper-quiet neutral.
• Oat (#DBD1CF): a clean, paper-quiet neutral.
• Stone (#C5B5B8): soft and architectural.
• Slate (#53799A): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#222F2B): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Lantern color palette (#F7EFF4, #DDD4D4, #B6ABA4, #99768D, #3B3338)
• Cobalt Bloom color palette (#F0F6FB, #DAD9DF, #C4BBCB, #2B7CAC, #404951)
• Washed Indigo Alley color palette (#FBEEF3, #E5D1CD, #D8B4BB, #7955AB, #301F26)
• Hushed Drift color palette (#F6F2E6, #BBB493, #6B7D49, #485B40, #2D2711)
• Weathered Navy Summit color palette (#E6DDE6, #AB9AA7, #8B7383, #003370, #0A010B)
• Ultramarine Field color palette (#FAEDF8, #E2CCDB, #BFA2B1, #2E4DC0, #241322)
• Cocoa Studio color palette (#FFE7F7, #C1A7B4, #9F7D87, #6B4F47, #5D2800)
• Weathered Denim color palette (#F1E6E9, #D7C7C9, #B89B9E, #66447A, #220F15)

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