Softworn Petrol color palette — #CDE4E3 · #007D8A · #004350 · #00293B · #001428

A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Silver (#CDE4E3): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007D8A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004350): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00293B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001428): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Chalky Basin color palette (#D2EDDF, #008987, #006279, #003156, #000739)
• Petrol Atelier color palette (#D2ECFE, #0074A5, #003D5C, #001221, #000205)
• Cocoa Workshop color palette (#CEE8F9, #006986, #7B3300, #003241, #1F0700)
• Worn Grove color palette (#E4F6E1, #007E45, #004636, #002823, #001119)
• Ancient Navy color palette (#D5EDF7, #006B9A, #003E74, #01036E, #11004A)
• Indigo Loft color palette (#D7EDFD, #73A4DF, #7264C9, #004650, #001627)
• Garnet Station color palette (#D5F0FF, #005473, #760049, #313300, #000910)
• Wandering Thicket color palette (#E1F1E3, #786700, #4A3400, #2C1600, #0B0C00)

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