Softworn Petrol color palette — #F1F3EC · #C8DEDE · #74A3BD · #217786 · #193E34
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C8DEDE): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#74A3BD): A luminous, dusty blue — the color of open sky before noon.
- Teal (#217786): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#193E34): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Petrol Ridge color palette (#E9EAE2, #80C0C2, #007985, #004C45, #001A20)
- Muted Denim Terrace color palette (#E0E3D5, #7FA790, #00617E, #00393E, #000C16)
- Dusty Petrol color palette (#F1F3EC, #C5E1E4, #AE90B2, #37738E, #422E41)
- Antique Azure Garden color palette (#FAF3F6, #D7DFF1, #679FCF, #337C76, #465369)
- Hushed Navy Cabin color palette (#E4E6DD, #517F9A, #003F65, #001E27, #000105)
- Aged Bronze Archive color palette (#ECF6E1, #6BAB93, #5996B7, #847A2C, #222B18)
- Lagoon Grove color palette (#E9F0CD, #90C3A0, #4D9F7D, #00654F, #27391C)
- Lagoon Studio color palette (#E5F9DF, #A5DED4, #409488, #005C53, #00241F)
Browse the whole catalog at Explore, or see today's palette.