Softworn Petrol color palette — #E0F3F2 · #86BEE6 · #006AB3 · #003B4E · #00020B
Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E0F3F2): A whisper-light, dusty teal — the color of sea glass.
- Sky (#86BEE6): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#006AB3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003B4E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00020B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Muted Petrol color palette (#E1F3EF, #7EC5C7, #007580, #003E38, #000304)
- Hushed Ridge color palette (#EBE4D8, #5D90B3, #00488D, #002A33, #01001E)
- Dusty Field color palette (#FCE2EC, #74B9E4, #377FED, #006C71, #100340)
- Softworn Quarry color palette (#ECF8F8, #DBDCE7, #60A9FF, #0079A3, #1D2D4E)
- Teal Alley color palette (#E7FAF5, #C1DCFC, #00AFB4, #007462, #002B30)
- Softworn Studio color palette (#EEF7F6, #D5DEEB, #45CEED, #219493, #214457)
- Patina Bronze Chapel color palette (#D2E8D0, #AD7C00, #6B4400, #341A00, #020100)
- Chalky Station color palette (#EDD7F1, #E60062, #716A00, #73002D, #010100)
Browse the whole catalog at Explore, or see today's palette.