Tempered Petrol color palette — #E1F3EB · #569373 · #007481 · #432500 · #010200

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

The five colors

• Honeydew (#E1F3EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#569373): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007481): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#432500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#010200): quiet, heavy and certain.

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

Use it as a design system

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

• Linen Veranda color palette (#C4EBDF, #41A964, #008379, #342F00, #041200)
• Soft Ultramarine color palette (#D0E4E3, #3098A0, #3558C5, #333A00, #000303)
• Moss Loft color palette (#F7D8E3, #978D23, #007D63, #5A001F, #020100)
• Antique Coast color palette (#E6E4D2, #8BD19A, #00A794, #4F4600, #000200)
• Softworn Grove color palette (#EDEADB, #6BB88F, #0C97B9, #6C4100, #011601)
• Aubergine Courtyard color palette (#D1E3E1, #116B10, #380066, #022602, #01000A)
• Faded Cornflower color palette (#D1F4F1, #23C3C8, #5E8BE0, #505200, #00140F)
• Airy Indigo color palette (#D9EBED, #00B2E0, #7562E9, #274500, #000B0C)

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