Softworn Petrol color palette — #DBEFF3 · #007D96 · #004458 · #002433 · #060B1E
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#DBEFF3): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007D96): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004458): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#002433): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#060B1E): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Wandering Lagoon Lagoon color palette (#E1F4F1, #008893, #005E73, #00324D, #000C3D)
- Hushed Villa color palette (#E2F2E8, #00785A, #00463B, #002420, #000E13)
- Mulberry Harbor color palette (#E2F3FF, #00678F, #7F0079, #003146, #20001E)
- Soft Indigo color palette (#D3EBFF, #89A6D1, #606BCE, #004962, #001C3B)
- Denim Dune color palette (#D3EBFF, #0061AD, #00336A, #010254, #0D001F)
- Powdered Aubergine Archive color palette (#D6F0FF, #005374, #540097, #003A2A, #000910)
- Weathered Azure color palette (#DBF2F9, #00A2D3, #006B97, #00466C, #242655)
- Nightshade Coast color palette (#E4F0FF, #3666DC, #1E00AB, #180060, #0F0039)
Browse the whole catalog at Explore, or see today's palette.