Timeworn Petrol color palette — #F7EDE1 · #86B7E2 · #5461AB · #004F52 · #36224E
Slate and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F7EDE1): a clean, paper-quiet neutral.
- Sky (#86B7E2): A luminous, balanced blue — the color of deep harbor water.
- Slate (#5461AB): A full-bodied, balanced violet — the color of wild irises.
- Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#36224E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Timeworn 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 Petrol Drift color palette (#F7ECE7, #65C2CC, #00719B, #005330, #1B2D4D)
- Antique Petrol Atelier color palette (#DDEDEC, #99B7D5, #3E6BAA, #004765, #061237)
- Weathered Cobalt Market color palette (#EDF0E7, #9ED0C4, #5A87C8, #00658F, #172A5B)
- Quiet Cobalt Drift color palette (#FFF2EB, #7CDEF7, #2986C6, #00694F, #313C6A)
- Timeworn Periwinkle color palette (#F6EBEF, #B9D6F4, #8AA0E9, #008EA2, #2F2552)
- Soft Navy Veranda color palette (#F0DECF, #4D9ABB, #004597, #00302A, #14023F)
- Antique Chapel color palette (#FCF3F0, #C7F0E4, #61A4BB, #557958, #5C4C5E)
- Emerald Lantern color palette (#DDE1C4, #38A830, #6F36B1, #0E5909, #321950)
Browse the whole catalog at Explore, or see today's palette.