Muted Petrol color palette — #DFF0E7 · #54A192 · #007788 · #173700 · #000302

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

The five colors

• Honeydew (#DFF0E7): A whisper-light, dusty teal — the color of sea glass.
• Eucalyptus (#54A192): A luminous, balanced teal — the color of sea glass.
• Teal (#007788): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#173700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#000302): quiet, heavy and certain.

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

Use it as a design system

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

• Aged Summit color palette (#D0ECF2, #399AB3, #2F6DA7, #003527, #000203)
• Cypress Grove color palette (#E0E1C2, #719160, #007F61, #423100, #010200)
• Cobalt Station color palette (#E6E9D1, #36ABA7, #1E6BB9, #3E3300, #001410)
• Dusty Fern Archive color palette (#E2EBD1, #70ACA0, #0091AC, #375D00, #00120C)
• Softworn Teal color palette (#CEFBF5, #40C6C4, #5E98D0, #474300, #000201)
• Cobalt Grove color palette (#D3F2F6, #6FC2E9, #608BCF, #005F53, #001317)
• Hushed Atelier color palette (#DAF8FF, #9EE6FA, #85B4DC, #2E8569, #032731)
• Shadow Workshop color palette (#DDF5FF, #00646F, #22007B, #002328, #01000A)

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