Timeworn Petrol color palette — #F4F6F0 · #C3E5DB · #628DC0 · #006B90 · #5A3C58
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Silver (#C3E5DB): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#628DC0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006B90): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#5A3C58): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, 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
- Hushed Cypress Thicket color palette (#F5F6EF, #C8E4D3, #5394AD, #007077, #214D63)
- Ancient Iris color palette (#F6F1EC, #BAE8DA, #6E8BD0, #006B77, #3D2232)
- Worn Iris color palette (#EBFAEB, #63AEAF, #8B7BCC, #007476, #433B64)
- Tempered Lagoon color palette (#FAF3F5, #D7DCF6, #88A3E3, #008A99, #3F4662)
- Hushed Denim color palette (#E8EADB, #6BAAB7, #006178, #003E40, #002331)
- Abyss Summit color palette (#E0E3D6, #5488A0, #00415F, #002128, #000A16)
- Dusty Bloom color palette (#E8FCE3, #2F9B91, #407EBF, #617200, #2B3E25)
- Lagoon Parlor color palette (#ECF9ED, #C3E8E4, #9DCCE5, #1E8E87, #3F5847)
Browse the whole catalog at Explore, or see today's palette.