Softworn Petrol color palette — #E0F3F1 · #6BBCE5 · #006FA4 · #004D5D · #0F304C
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E0F3F1): A whisper-light, dusty teal — the color of sea glass.
- Sky (#6BBCE5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006FA4): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Teal (#0F304C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Weathered Cobalt color palette (#EDF8F7, #9BCBF2, #467BB4, #125B76, #273B56)
- Muted Teal color palette (#DAE8E5, #42B2B0, #00646A, #003F36, #00242A)
- Hushed Ash Workshop color palette (#EDF8F7, #D7DBEC, #7E9DBA, #4E748A, #465464)
- Muted Ridge color palette (#F5EBF0, #A8DBF7, #7CA5EA, #009286, #2E2553)
- Worn Navy color palette (#D6EEEE, #4F84B8, #00387F, #002030, #01022C)
- Gentle Apricot color palette (#FCEEFF, #FFA29E, #D58363, #81435C, #422A43)
- Quiet Thicket color palette (#F7D6DD, #C4005D, #835200, #593392, #370F1C)
- Raspberry Basin color palette (#E8D6F2, #D3397F, #7E6900, #870049, #322800)
Browse the whole catalog at Explore, or see today's palette.