Worn Petrol color palette — #E8FAF2 · #FFDCD4 · #3F7F9D · #1B4133 · #07120D

Built around Slate, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Shell Pink (#FFDCD4): A whisper-light, dusty orange — the color of autumn markets.
• Slate (#3F7F9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#1B4133): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#07120D): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Ancient Canyon color palette (#FCF2FA, #F6E5AF, #64759F, #472F43, #160B14)
• Dusty Stone Cabin color palette (#E8F6EC, #9AC186, #00606D, #0A2F1A, #041008)
• Hushed Field color palette (#EDF7FB, #BFE1B4, #49A3B5, #306D79, #12242C)
• Aged Denim color palette (#EEF7FD, #DD9C8E, #005977, #003346, #181C28)
• Sunlit Basin color palette (#FFF0FB, #E7DD69, #5062BB, #1F285C, #12010F)
• Antique Cerulean color palette (#EDF9F2, #CBE1FF, #BC88C6, #0098BF, #1D0C11)
• Timeworn Lilac color palette (#FFF0F7, #A39AEC, #AC749F, #774E00, #0D210E)
• Patina Aqua Courtyard color palette (#E9FBEC, #51C6D1, #CB8E61, #7F7423, #162A1A)

Browse the whole catalog at Explore, or see today's palette.