Worn Petrol color palette — #F9F2D6 · #48ACBB · #6562A1 · #464B00 · #08291F

Built around Slate, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Custard (#F9F2D6): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#48ACBB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#6562A1): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#464B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#08291F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro, 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

• Patina Courtyard color palette (#EEF6DC, #63A5CA, #7A5D90, #13542E, #2E1B2D)
• Antique Teal Studio color palette (#FFEEE4, #3CB1A0, #466CA2, #673824, #112919)
• Pale Abyss Archive color palette (#E9F6E7, #30A197, #8C4C6D, #004F23, #00260F)
• Cocoa Thicket color palette (#FFF4E2, #729CC5, #68619A, #753D00, #4E324B)
• Washed Grape Bloom color palette (#E7F6DE, #008ABB, #7400AD, #1C3A00, #000E35)
• Worn Olive color palette (#E2FCF5, #72C1BF, #6C83C6, #47720B, #1F4253)
• Washed Chapel color palette (#E0FAE3, #BFA9BC, #A87E88, #595D10, #34352E)
• Sunlit Station color palette (#E8F8D9, #618EEA, #98327E, #004A37, #1E133B)

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