Worn Petrol color palette — #FCEBE2 · #7EBEBF · #00748C · #005334 · #00314D
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#FCEBE2): A whisper-light, dusty orange — the color of toasted spice.
- Mint Leaf (#7EBEBF): A luminous, dusty teal — the color of sea glass.
- Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005334): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Petrol Workshop color palette (#DFECE9, #8EBCC9, #007983, #004C44, #001A1F)
- Petrol Ridge color palette (#F9ECE0, #89B8D8, #4067A9, #004F54, #292850)
- Tempered Cerulean color palette (#FEF3EE, #B0CEB7, #1383AB, #00624D, #213C59)
- Patina Balcony color palette (#EDDFD8, #63AABF, #005D8B, #003F37, #001851)
- Lagoon Coast color palette (#F7EAF3, #9EE1E2, #00B7DA, #099563, #00314C)
- Denim Quarry color palette (#FBE3F9, #C7B9F8, #CC8EB0, #006687, #42273A)
- Hushed Ridge color palette (#FDF3EC, #C9E4D7, #638EBB, #17706E, #583E52)
- Feathered Sapphire Quarry color palette (#EBD7E7, #3B5CDC, #7A5700, #3E5014, #121D3E)
Browse the whole catalog at Explore, or see today's palette.