Timeworn Petrol color palette — #E8F7E9 · #40ACC0 · #5166AD · #5D4005 · #0C2536
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F7E9): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#40ACC0): A luminous, balanced blue — the color of deep harbor water.
- Slate (#5166AD): A full-bodied, balanced violet — the color of wild irises.
- Bronze (#5D4005): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Midnight (#0C2536): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged retro, muted, cool.
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
- Wandering Delta color palette (#E2F8F0, #7DB2D9, #806BAA, #4D572A, #222D3C)
- Patina Pewter color palette (#E6F5F9, #00A2A2, #7D4E91, #593A00, #0D2504)
- Ancient Study color palette (#FEEBF9, #57B08F, #007696, #6B3332, #00282F)
- Azure Veranda color palette (#DCFDFC, #3DA2D9, #496A9D, #633F60, #2F3F4E)
- Grape Harbor color palette (#EBECDD, #008BB7, #5700D0, #343300, #001228)
- Timeworn Aqua Thicket color palette (#FFF3E6, #00C5E8, #7380C7, #7C5C3A, #28443A)
- Cerulean Station color palette (#F6F0F4, #BEE2F5, #4B95C6, #006E61, #1F2D40)
- Timeworn Lagoon Alley color palette (#E7F6F0, #9CBE9A, #23886C, #315B6E, #102D2A)
Browse the whole catalog at Explore, or see today's palette.