Petrol Bloom color palette — #E2F1E1 · #009490 · #0069A7 · #4D4400 · #000B03
Built around Peacock, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E2F1E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#009490): A luminous, balanced teal — the color of glacier melt.
- Peacock (#0069A7): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#4D4400): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#000B03): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Petrol Bloom 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
- Washed Nightshade color palette (#DAF5E8, #007DA2, #493BBC, #1D4100, #000202)
- Petrol Summit color palette (#CBE9D1, #007983, #003946, #0D1D1F, #000A02)
- Powdered Nightshade Loft color palette (#E1F3D9, #009681, #006E8F, #302BA1, #050900)
- Cobalt Canyon color palette (#DEF2F9, #4E85C7, #007198, #00496B, #00172A)
- Misty Aubergine color palette (#DEEED8, #007769, #690088, #4F0200, #0F0500)
- Eclipse Nightshade Station color palette (#C8EDF5, #007772, #2A1F9A, #2F0013, #020100)
- Azure Courtyard color palette (#D4F5FC, #18A3D3, #4D7EA7, #614B72, #310D16)
- Powdered Cobalt Field color palette (#E8EDDC, #6DBAE7, #1689D4, #006983, #00142D)
Browse the whole catalog at Explore, or see today's palette.