Timeworn Petrol color palette — #DCF0FF · #007FA2 · #695700 · #4B3E00 · #00170E
Built around Cerulean, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Frost (#DCF0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007FA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#695700): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#4B3E00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#00170E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Timeworn Field color palette (#D1E5EF, #0096B3, #AE2A3F, #005032, #002716)
- Chalky Byzantium Basin color palette (#F3F4FF, #956DC4, #944DA6, #504F00, #122037)
- Quiet Indigo color palette (#DBE6F8, #4C6CED, #464FBF, #642900, #00171E)
- Grape Cabin color palette (#B9EAE0, #00A0D0, #7A52A7, #2A5400, #0C2443)
- Linen Bloom color palette (#E5FCEF, #0085A4, #B50047, #004221, #000201)
- Gentle Scarlet Workshop color palette (#E0EFFF, #3BA2FF, #EC3B30, #726C00, #00161B)
- Aged Pier color palette (#F7E6FF, #D3008D, #8F5800, #5E4100, #001926)
- Feathered Garnet color palette (#F9E7FB, #00528C, #7A0403, #2B2600, #011701)
Browse the whole catalog at Explore, or see today's palette.