Powdered Petrol color palette — #E5F9FD · #399A8E · #146B95 · #584600 · #1A421C
A conversation between Peacock and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E5F9FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Fern (#399A8E): A luminous, balanced teal — the color of glacier melt.
- Peacock (#146B95): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#584600): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#1A421C): 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 Powdered 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
- Washed Emerald color palette (#E6FAF7, #609961, #007272, #154C73, #433700)
- Dusty Cypress color palette (#E7FAF9, #8ABCA7, #3B8272, #376261, #2A484A)
- Dusty Cerulean color palette (#ECF7FF, #3B92C3, #5E5A9A, #66315F, #00423A)
- Feathered Terracotta color palette (#F7F6E8, #9AAE73, #5380C7, #983D28, #313E06)
- Worn Petrol color palette (#EEF7F6, #C2E2F5, #5F91AD, #236D7A, #2D4B63)
- Wandering Cypress color palette (#D6E8EE, #008281, #1B3641, #0E2228, #070E12)
- Linen Basin color palette (#E4FAFF, #8DFACF, #5CD6CB, #0AA1B8, #044849)
- Gentle Garnet color palette (#E4F7F1, #7F9858, #146AA2, #7B0232, #172300)
Browse the whole catalog at Explore, or see today's palette.