Timeworn Petrol color palette — #F1E7E0 · #95BEAC · #346DAB · #004B4B · #0C0B40
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F1E7E0): a clean, paper-quiet neutral.
- Sage (#95BEAC): A luminous, dusty teal — the color of sea glass.
- Slate (#346DAB): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#0C0B40): 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 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
- Petrol Studio color palette (#EDF0E3, #8DBEA9, #0070A3, #004D5D, #0F304B)
- Timeworn Station color palette (#F8E8E0, #64AAA8, #006374, #003C20, #000C16)
- Patina Cerulean color palette (#F9F0EB, #99DEE0, #0091B1, #006545, #002841)
- Wandering Coast color palette (#FFE7F3, #DFADDC, #E57F80, #2B5BB2, #200A2E)
- Muted Dune color palette (#F6F1EC, #CBE0E1, #AF91AE, #007A7F, #482B3E)
- Washed Violet color palette (#FAD4DD, #9257A9, #755A00, #0F5306, #16001F)
- Navy Corridor color palette (#EDE4D9, #5A7C9B, #182698, #001E24, #020009)
- Nightshade Canyon color palette (#D0E5FA, #6983D7, #4C38BB, #450069, #26002B)
Browse the whole catalog at Explore, or see today's palette.