Softworn Petrol color palette — #CAF5FA · #007983 · #133355 · #0E1D1C · #000A02
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#CAF5FA): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007983): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#133355): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#0E1D1C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000A02): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication. Tagged noir, dark, luxury, 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
- Deep Lagoon color palette (#DCE6C8, #007F4B, #003A3F, #131C17, #050900)
- Denim Veranda color palette (#D3F6FB, #005E68, #3C353A, #001B28, #000305)
- Weathered Abyss color palette (#E8DDDD, #718F9B, #003E44, #1E1C22, #000710)
- Timeworn Periwinkle color palette (#BFE9DD, #40A6FF, #6B5E8D, #2B4841, #08150C)
- Cerulean Thicket color palette (#DCEAE1, #00A3BE, #385794, #193D29, #030A01)
- Twilit Sapphire Study color palette (#DEEDFF, #006BC3, #3A245A, #100112, #000201)
- Iris Veranda color palette (#F8DDF2, #7592FF, #7C545E, #483644, #070F0C)
- Antique Lagoon color palette (#E3F8ED, #42C7F6, #8A7483, #4D5752, #1F231E)
Browse the whole catalog at Explore, or see today's palette.