Timeworn Petrol color palette — #EBF4F0 · #CBDCDE · #D0BCC3 · #4A7D93 · #232F2A

Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Silver (#CBDCDE): bright and airy, almost weightless.
• Stone (#D0BCC3): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#4A7D93): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#232F2A): 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 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

• Hushed Petrol Garden color palette (#EFF6FB, #D8D9E2, #BEBDCE, #387E97, #40494F)
• Aged Bloom color palette (#FBEDF5, #E5D0D0, #D7B4C0, #6360AB, #2F1F29)
• Hushed Station color palette (#F6EFF5, #DFD3D5, #BBABA4, #917A8F, #3A3439)
• Washed Station color palette (#F0F4E6, #86C3A4, #3B846F, #485B45, #232A18)
• Hushed Field color palette (#D4E3DD, #AC98AF, #8F708C, #003A59, #000604)
• Washed Powder color palette (#FEDAFA, #B0B6E1, #A07F8D, #70504B, #4A332B)
• Aged Coast color palette (#DCF9F1, #AFE6FF, #86C7FF, #778FCF, #2D1730)
• Aged Studio color palette (#F1E5EB, #D9C5CC, #B59CA2, #59468E, #1C1317)

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