Timeworn Petrol Ridge color palette — #E7F0F6 · #7E909E · #4D6E8F · #002F3E · #000103

Slate and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E7F0F6): a clean, paper-quiet neutral.
• Slate Blue (#7E909E): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#4D6E8F): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Timeworn Petrol Ridge 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

• Spruce Canyon color palette (#DCEAE1, #87A099, #81677A, #00313B, #030C06)
• Dusty Lantern color palette (#E4E9F2, #898D9A, #63688A, #191670, #000108)
• Washed Abyss Quarry color palette (#E7F1F7, #ABBDCE, #8292B3, #004451, #000103)
• Aged Station color palette (#E4EAEF, #C4CCD7, #98A4BA, #15588C, #0C1721)
• Antique Terrace color palette (#D6E8F8, #0089AB, #00649C, #1902A5, #000104)
• Nocturne Aubergine Dune color palette (#D9E5FF, #59579B, #421F6E, #2F0011, #0E0001)
• Pewter Boulevard color palette (#EFF2F8, #DBD6E2, #C3BACA, #6D709D, #292C33)
• Patina Grape Bloom color palette (#F0F1FD, #D2D1E4, #C49BC6, #6E3EA2, #181827)

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