Softworn Petrol Study color palette — #ECF2FC · #D6C191 · #4E6189 · #263144 · #10141B

Slate and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#ECF2FC): bright and airy, almost weightless.
• Sand (#D6C191): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#4E6189): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Teal (#263144): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#10141B): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Softworn Petrol Study 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

• Hushed Coast color palette (#F1F5FD, #E5B0BB, #4B5F7E, #2C394E, #24222F)
• Mint Study color palette (#EFF1FD, #78C895, #5E4783, #23253B, #0A0B17)
• Dusty Workshop color palette (#FBF2F9, #E3CEAB, #6B7DA4, #5C4459, #332731)
• Weathered Canyon color palette (#EDF2F9, #A7C5F5, #B16B79, #5672A1, #1A131C)
• Wandering Driftwood Bloom color palette (#EFF1F9, #DDD5DC, #B9ABAA, #7A81A0, #34363D)
• Wandering Periwinkle color palette (#DCF8FA, #96A8E9, #9C6481, #245B5F, #292B39)
• Timeworn Lantern color palette (#EEF1FD, #8478C7, #666A31, #2A5847, #092023)
• Charred Fern Coast color palette (#D7E4F6, #565E00, #001038, #0A0915, #000106)

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