Soft Petrol color palette — #D9EEE7 · #0070B2 · #446800 · #004732 · #000C19
A conversation between Slate and Olive, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D9EEE7): A whisper-light, dusty teal — the color of glacier melt.
- Slate (#0070B2): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#446800): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004732): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000C19): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Wandering Courtyard color palette (#CFE6D8, #00788F, #695B00, #184800, #000D12)
- Linen Lapis Harbor color palette (#FBDFF3, #4B53E4, #006D42, #004542, #05032C)
- Muted Indigo Summit color palette (#F8E2EB, #7F64AE, #00756A, #004C5A, #1F0512)
- Muted Chestnut Dune color palette (#F4E2C8, #815E00, #006544, #003F40, #0D0600)
- Pale Peony color palette (#FFF1F2, #E93FBF, #997A00, #006449, #1D0016)
- Twilit Aubergine color palette (#F4DAE2, #71229D, #004E4C, #002C3B, #05000A)
- Aged Petrol color palette (#FDEDF2, #A486BE, #4F8F8E, #016983, #311B23)
- Misty Magenta Hollow color palette (#E3E1FF, #C71CF6, #C84600, #005F87, #2E0F38)
Browse the whole catalog at Explore, or see today's palette.