Soft Petrol color palette — #D8E6D5 · #009B91 · #006A9D · #504100 · #002807

Peacock takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D8E6D5): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#009B91): A luminous, balanced teal — the color of glacier melt.
• Peacock (#006A9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#002807): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Hushed Petrol color palette (#DDE9DF, #00818D, #003947, #001C09, #000701)
• Hushed Aubergine color palette (#DBE6CE, #007B5B, #5501AB, #462400, #201900)
• Wandering Olive color palette (#EAE4D3, #A2AA7B, #617C33, #326233, #272C03)
• Ultramarine Canyon color palette (#E8F8FF, #00A4B7, #0E62B8, #43256B, #001203)
• Seafoam Atelier color palette (#E0FAE4, #38E2CA, #00C5CE, #009CC2, #00252B)
• Washed Cobalt color palette (#EDF0E5, #A8CEBF, #3F8DC7, #006881, #052E56)
• Aubergine Chapel color palette (#D5E7D8, #0098A4, #1561BA, #5C118A, #40001F)
• Muted Terracotta color palette (#C5E9EF, #00BBAA, #A765BC, #A5352D, #301900)

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