Timeworn Petrol color palette — #D3F4E3 · #007999 · #7C4E00 · #004052 · #281600

Teal and Coffee set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D3F4E3): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007999): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#7C4E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#004052): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#281600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged 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

• Hazy Brick color palette (#E0EFE3, #007C87, #A9011D, #004248, #3A0004)
• Washed Workshop color palette (#C6E3F7, #00618F, #6D4300, #403800, #001421)
• Sunlit Sapphire color palette (#EDD8EB, #1D61E3, #7E4C00, #002B91, #291500)
• Powdered Sky color palette (#CEEBFF, #32BEF8, #AB6C00, #007BA5, #281600)
• Hushed Bloom color palette (#E0FDF3, #4EA8E7, #B07F36, #076BA4, #563D18)
• Tempered Atelier color palette (#C3ECD7, #9CB7FF, #BC6EA5, #005851, #341B34)
• Mulberry Balcony color palette (#D7E3EE, #0071AE, #960E7A, #003A5C, #15000F)
• Softworn Olive Station color palette (#F2E9D9, #6F7F0C, #564300, #401D00, #001D05)

Browse the whole catalog at Explore, or see today's palette.