Timeworn Petrol color palette — #E9FBEB · #51A5B7 · #58669D · #624916 · #2A4051
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9FBEB): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#51A5B7): A luminous, balanced blue — the color of deep harbor water.
- Slate (#58669D): A full-bodied, balanced violet — the color of wild irises.
- Bronze (#624916): A full-bodied, dusty gold — the color of honey in a jar.
- Deep Teal (#2A4051): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Creativity, Calm, Sophistication. 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
- Sky Veranda color palette (#E8FAF4, #7CADD5, #7D6F96, #526031, #3C485B)
- Washed Coast color palette (#FFF0FC, #4FAB8D, #2E738D, #7A362F, #22434A)
- Hushed Mulberry Garden color palette (#E7F9FF, #2A99A3, #874A7B, #4F4A00, #0F3E26)
- Cypress Loft color palette (#EDF8F4, #89BBB6, #3E826F, #3E5F70, #2C4846)
- Softworn Cypress Thicket color palette (#FAF3F7, #C1E2F4, #638FB2, #047268, #364864)
- Hushed Harbor color palette (#FFEDE9, #71A1D1, #5767A0, #6C2B56, #2E1B2E)
- Timeworn Mulberry color palette (#FDF0FF, #8CB5E1, #7182C4, #8E4673, #293E5A)
- Grape Terrace color palette (#E8E8BA, #0087BB, #5C24B8, #3C3A00, #002758)
Browse the whole catalog at Explore, or see today's palette.