Timeworn Petrol color palette — #E4F2E7 · #7FC3D4 · #007197 · #003E3C · #000308
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4F2E7): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#7FC3D4): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#007197): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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
- Misty Archive color palette (#E4F3E7, #89BCEC, #3561BE, #003B4C, #020013)
- Softworn Cobalt color palette (#EDF9EF, #9CD4F4, #1E7ECA, #005059, #000532)
- Softworn Basin color palette (#F7E9E1, #5195A5, #004D7A, #002D20, #02001D)
- Teal Quarry color palette (#D5EFE7, #00A98D, #005B49, #001D16, #000201)
- Azure Canyon color palette (#ECF9EF, #B2F2FF, #00A0CC, #006B63, #002136)
- Faded Emerald color palette (#DEEBD1, #1EA11E, #006834, #002C1C, #000201)
- Faded Cobalt color palette (#F5EAF1, #6DBED2, #1189D3, #007054, #0A0048)
- Timeworn Cypress Cabin color palette (#EFF8F0, #D8D6E2, #73AED3, #007F81, #0D2F52)
Browse the whole catalog at Explore, or see today's palette.