Tempered Petrol Courtyard color palette — #E4EBD4 · #539788 · #0D678E · #493B00 · #1D2500

Peacock and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E4EBD4): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#539788): A luminous, dusty teal — the color of sea glass.
• Peacock (#0D678E): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#493B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#1D2500): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Tempered Petrol Courtyard 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 Moss color palette (#F5EAD9, #719658, #006A67, #603300, #271300)
• Denim Study color palette (#D4E5DE, #488094, #4B4C89, #1C3A03, #081900)
• Timeworn Azure Studio color palette (#D1F6E0, #00A1D1, #575189, #462909, #1A0B00)
• Pale Navy Ridge color palette (#CEEEF1, #2683AD, #234493, #4E1619, #271A00)
• Linen Harbor color palette (#DFF4F7, #00A3D5, #5973B1, #734242, #2B1000)
• Wandering Cobalt color palette (#D1E6CC, #65BBBD, #5B82D0, #5A6A00, #374200)
• Washed Pewter color palette (#D0E6E6, #AA8DAC, #885486, #005D50, #002E28)
• Antique Fern Garden color palette (#EDDCCA, #8E8631, #226300, #004143, #121000)

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