Timeworn Petrol color palette — #FFF0F9 · #F3D4C6 · #E3A199 · #00709F · #5B333F

Built around Peacock, softened by Rose Quartz — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#F3D4C6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rose Quartz (#E3A199): A luminous, balanced orange — the color of autumn markets.
• Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5B333F): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Sophistication. Tagged pastel, 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

• Worn Balcony color palette (#FFF1F3, #F9CBBD, #DDA766, #6967A7, #583430)
• Worn Blush Parlor color palette (#DAFFF4, #EECBDC, #DC8CAA, #008184, #52394D)
• Softworn Mallow color palette (#FFF0F8, #F4D2CA, #F9A5CE, #7685C9, #553D45)
• Tempered Lapis color palette (#FFF1F4, #FFB6BE, #E09100, #4C4AD0, #621E3C)
• Muted Blush color palette (#EEF1FF, #D9D4FC, #E890BF, #515FA0, #211F38)
• Faded Orchard color palette (#FCD3E6, #CC9DC2, #C97347, #004878, #2E1335)
• Patina Study color palette (#FFF0ED, #EAB894, #989F51, #882E7D, #58281E)
• Chestnut Balcony color palette (#F3E6D7, #A49571, #845A19, #6A311E, #31312A)

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