Worn Petrol color palette — #F8ECE3 · #97BBAB · #3766B1 · #005048 · #2D2456
Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F8ECE3): a clean, paper-quiet neutral.
- Sage (#97BBAB): A luminous, dusty teal — the color of shallow lagoons.
- Royal Blue (#3766B1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#2D2456): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Weathered Thicket color palette (#FFF2EA, #79C3E0, #006DCB, #005749, #2C1D7A)
- Petrol Summit color palette (#F5EDE5, #C3A5C7, #5C5FA5, #004F55, #39214B)
- Weathered Cobalt Grove color palette (#FAF4EE, #A9CEC2, #5D73BC, #00605F, #40315C)
- Aged Study color palette (#E1ECE3, #88BBD6, #0070B4, #004A51, #031434)
- Patina Spruce color palette (#F3E4E0, #63ADAB, #006178, #00420C, #00203D)
- Hushed Forest color palette (#FDF3EF, #9FDBDC, #008CB4, #006B30, #154073)
- Amethyst Study color palette (#E3DFCA, #7C8727, #724FC0, #474E00, #2E1956)
- Gentle Periwinkle Basin color palette (#F8EAF0, #A3DDF7, #65A5FE, #009382, #2B2750)
Browse the whole catalog at Explore, or see today's palette.