Timeworn Petrol Garden color palette — #EFF7F3 · #E8D6DB · #C2ACB8 · #186D8D · #303E38

Peacock and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#E8D6DB): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#C2ACB8): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#186D8D): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#303E38): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Timeworn Petrol Garden 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

• Timeworn Petrol color palette (#ECF3F9, #D3D5E1, #ABB8CA, #326B8C, #18222A)
• Hushed Cerulean color palette (#EEF8F4, #C7DFE3, #D2C1D1, #5187A9, #303E39)
• Hushed Lagoon color palette (#FAF3F7, #E4D8D6, #ADAEA3, #7D7DA7, #585054)
• Dusty Ultramarine Coast color palette (#FEF0FA, #E3CBD4, #BF98B9, #3D49BB, #3D2D39)
• Wandering Grape Balcony color palette (#FDF2F5, #ECD5CC, #DEAFA7, #7C54A5, #4E3940)
• Denim Loft color palette (#E7F0ED, #C3B4BF, #A68292, #00496E, #0E241D)
• Cypress Alley color palette (#F6F6E9, #71AA88, #007368, #215167, #2E3C00)
• Ancient Aubergine color palette (#F7EBEE, #D9C7C7, #BD968B, #6E3C80, #3B272D)

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