Tempered Petrol Meadow color palette — #EEEFE0 · #5A8F64 · #007C84 · #62374E · #290709

Built around Teal, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#EEEFE0): a clean, paper-quiet neutral.
• Fern (#5A8F64): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007C84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#62374E): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#290709): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Petrol Meadow 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

• Worn Moss color palette (#ECE4D4, #819044, #357664, #593A64, #1F0328)
• Washed Lagoon color palette (#D3E4DA, #009AA0, #3D6E9E, #673C24, #270C00)
• Pale Canyon color palette (#D8ECD1, #008E3F, #006F52, #00433F, #000F13)
• Softworn Veranda color palette (#CEE8E2, #008173, #B21D69, #902D00, #000202)
• Antique Lagoon color palette (#FFE4D6, #81824D, #0A564B, #3A0804, #0E0000)
• Lagoon Balcony color palette (#C7EEEA, #00A29B, #007878, #003F3F, #000202)
• Softworn Parlor color palette (#EFE7D9, #869131, #1B760B, #584515, #050700)
• Teal Quarry color palette (#D2EBD8, #3AB3B5, #5186B1, #8F5443, #491F13)

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