Timeworn Petrol color palette — #F1F4E3 · #639E69 · #226A9B · #612952 · #2C1A00
Built around Peacock, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F1F4E3): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#639E69): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#226A9B): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#612952): A deep, shadowed, balanced pink — the color of peonies in June.
- Onyx (#2C1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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
- Muted Meadow color palette (#ECF5E8, #68AB9E, #626F9F, #713746, #2F2700)
- Tempered Veranda color palette (#F5F2E3, #8B9545, #05727B, #43366B, #3D060B)
- Muted Garnet color palette (#EBFAEE, #A1853D, #00717A, #811A36, #473500)
- Aged Field color palette (#EAF9F7, #7AB680, #3D8AAE, #7C3F91, #572916)
- Frosted Navy Villa color palette (#D5E8C3, #008666, #0045A1, #530036, #160C00)
- Dusty Stone color palette (#E7EFCF, #B1C6A8, #71907C, #705459, #4A2D28)
- Grape Villa color palette (#E0FAE3, #00959D, #6341AB, #700108, #161B00)
- Timeworn Aubergine Boulevard color palette (#D2E6D8, #00788B, #5F2383, #441800, #000F01)
Browse the whole catalog at Explore, or see today's palette.