Timeworn Petrol color palette — #E9F8FF · #D8C192 · #177F90 · #254756 · #10252D
A conversation between Teal and Sand, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Sand (#D8C192): A luminous, dusty gold — the color of old brass.
- Teal (#177F90): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#254756): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#10252D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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
- Patina Oat Corridor color palette (#EEF6FF, #B7DCBF, #63819C, #3A4F63, #232C36)
- Tempered Cerulean color palette (#EFF8F1, #FFE2A5, #038598, #00404A, #07120B)
- Linen Mustard color palette (#F0F6FF, #E2B347, #4663B5, #273865, #0F1A2E)
- Tempered Denim color palette (#EEF6FC, #D99BA2, #125974, #003346, #151B2A)
- Worn Azure color palette (#EBF9F2, #FFC3CA, #3DA1CC, #466D5D, #14261F)
- Tempered Marigold color palette (#CEE9FD, #D6A200, #006389, #003248, #00111F)
- Tempered Cerulean color palette (#ECF7FE, #7ED1F2, #8885CF, #028DB4, #1D2337)
- Dusty Courtyard color palette (#E5FDE9, #87B4EC, #897CB7, #895620, #2E3D58)
Browse the whole catalog at Explore, or see today's palette.