Worn Petrol color palette — #E6F3E8 · #5FACD1 · #006BAC · #004950 · #000F3A
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F3E8): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#5FACD1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006BAC): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004950): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#000F3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Worn 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
- Antique Sapphire Corridor color palette (#E3EEE5, #7CB7EE, #3E6FD3, #00566C, #181649)
- Softworn Teal color palette (#D6E6D9, #20B7BD, #007385, #004C3D, #001721)
- Muted Petrol Pier color palette (#EDF0E2, #89BFDA, #006FA0, #003C48, #000308)
- Frosted Navy Study color palette (#F6E1EB, #4E99BC, #004A89, #00302F, #0A0641)
- Wandering Cerulean color palette (#E7F2E9, #8ACFEC, #3C8EC4, #006B70, #102E54)
- Linen Azure color palette (#ECF9EE, #94EAFF, #35A8D8, #00837E, #1C4361)
- Plum Drift color palette (#FDD8E1, #BA005D, #506400, #004F7A, #160006)
- Raspberry Boulevard color palette (#FDE0EA, #D5007E, #00785F, #7F0049, #00140D)
Browse the whole catalog at Explore, or see today's palette.