Softworn Petrol color palette — #DFF4E9 · #007495 · #774F00 · #003E52 · #0B0500

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

The five colors

• Honeydew (#DFF4E9): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007495): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Coffee (#774F00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#003E52): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0B0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Airy Sapphire color palette (#F5E7F6, #0067C6, #725200, #00376E, #0A0500)
• Wandering Drift color palette (#D1E8D3, #00787D, #9B2A00, #004144, #120100)
• Tempered Denim Pier color palette (#DCEFFF, #005D91, #6B4300, #3E3800, #000205)
• Tempered Cobalt Studio color palette (#D8E9E3, #0086C6, #A06000, #005A87, #0C0400)
• Shadow Orchard color palette (#CEE3F6, #005782, #5B3300, #002338, #0C0400)
• Olive Boulevard color palette (#EBE4D5, #64773D, #524400, #381C00, #000501)
• Softworn Hollow color palette (#DEF0FA, #9398DC, #AC6789, #005C59, #020625)
• Nightshade Grove color palette (#F1E0EA, #5758C6, #526000, #2E009F, #050700)

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