Softworn Petrol color palette — #D9F2FF · #00778C · #04335E · #191B22 · #00080F
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D9F2FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00778C): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#04335E): A deep, shadowed, balanced blue — the color of deep harbor water.
- Onyx (#191B22): quiet, heavy and certain.
- Ink (#00080F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Patina Cypress color palette (#D0E7E8, #007E5E, #003A3F, #171D23, #00090A)
- Midnight Lagoon color palette (#D2E6FB, #005EA1, #1F1C3F, #090D14, #000206)
- Weathered Studio color palette (#DCEFFC, #00A0CD, #3A5791, #003B4D, #00090D)
- Timeworn Bloom color palette (#D9E3FC, #8C8CF6, #615D7D, #363C4D, #080E15)
- Weathered Powder Canyon color palette (#E6F4FF, #7FBFE9, #737C8C, #4A5660, #1C2326)
- Nocturne Sapphire color palette (#DDE7F6, #1A57F0, #382853, #15121B, #000619)
- Powdered Cornflower Field color palette (#F4DEE5, #7DB5EA, #5C7AE5, #006B7A, #170439)
- Pine Hollow color palette (#D6E4D9, #95A048, #44813B, #00635D, #0F1100)
Browse the whole catalog at Explore, or see today's palette.