Timeworn Petrol Courtyard color palette — #E4F1E6 · #3BA1A4 · #2E67AA · #3A3100 · #000403

Built around Peacock, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Cream (#E4F1E6): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3BA1A4): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#2E67AA): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3A3100): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000403): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Faded Indigo color palette (#C3EAE1, #0094B2, #6061BB, #253B00, #000203)
• Patina Lantern color palette (#CEFAFA, #42A198, #007189, #0D4101, #00120E)
• Emerald Study color palette (#CAE6D4, #4B9C66, #007A8B, #522900, #020300)
• Worn Alley color palette (#E5EAD4, #6FB5BB, #5582C8, #4D4B00, #000D0A)
• Softworn Cerulean Courtyard color palette (#D9E6C1, #68CFC6, #00A2BC, #204D00, #000201)
• Periwinkle Terrace color palette (#D8F5FF, #619DE7, #9062A2, #004838, #00050F)
• Moonless Aubergine color palette (#D7F1F8, #006661, #360069, #002422, #020007)
• Olive Loft color palette (#D1F9FF, #96D5E4, #93A4DD, #517025, #001F22)

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