Timeworn Petrol color palette — #EFF6FA · #D6DAE0 · #BABECC · #2F8090 · #3C4A51
Slate and Charcoal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF6FA): a clean, paper-quiet neutral.
- Silver (#D6DAE0): a clean, paper-quiet neutral.
- Ash (#BABECC): A luminous, dusty violet — the color of wild irises.
- Slate (#2F8090): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#3C4A51): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cerulean Veranda color palette (#F1F7F2, #D0E0E1, #DBC3C9, #419EAA, #404B43)
- Antique Petrol color palette (#ECF3F6, #D4D7DF, #BDBBD4, #15848F, #262D30)
- Softworn Sapphire color palette (#F0F5FE, #DAD7E2, #B5BBD2, #4964B8, #374050)
- Muted Pewter color palette (#E5EDFF, #B2B8D5, #807E9B, #845153, #5D4239)
- Abyss Villa color palette (#DDE5EA, #9DABB6, #6D8296, #003E50, #041620)
- Aged Cypress color palette (#EAF9F6, #85BBB7, #458262, #266659, #214A48)
- Powdered Courtyard color palette (#ECF7FF, #9FEAFF, #4CBCFF, #5183DC, #1B4161)
- Sunlit Meadow color palette (#E2FBFB, #5EA0C5, #3D6AA8, #6B376A, #254057)
Browse the whole catalog at Explore, or see today's palette.