Softworn Petrol color palette — #D2E3E3 · #007680 · #004C58 · #002630 · #000E15

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

The five colors

• Silver (#D2E3E3): a clean, paper-quiet neutral.
• Teal (#007680): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004C58): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002630): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000E15): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Petrol Bloom color palette (#D2EFFD, #007AA9, #004E7A, #00294C, #00081C)
• Tempered Fern Market color palette (#D8E7ED, #007988, #575E00, #003E47, #070900)
• Pine Balcony color palette (#D8EBDB, #008452, #00543B, #002D23, #000B08)
• Airy Workshop color palette (#C8E6F3, #44B5CD, #00819D, #005D7C, #092A41)
• Pale Study color palette (#D9EAF4, #006086, #6300AE, #004734, #000408)
• Ancient Hollow color palette (#D9EDFC, #6DB7FB, #5884EC, #004C60, #000C18)
• Navy Market color palette (#DBECFC, #0068BF, #003C8B, #040086, #03002C)
• Worn Bronze Terrace color palette (#D5E6D6, #8D6C13, #5B3D00, #341C00, #070500)

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