Powdered Petrol color palette — #C4ECED · #00B0D3 · #006AB6 · #2D3F91 · #3A3157
A conversation between Royal Blue and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#C4ECED): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00B0D3): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006AB6): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#2D3F91): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#3A3157): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, 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
- Pale Cobalt Field color palette (#DCF5FF, #0EB5F3, #0E87D9, #3C5C99, #333A5E)
- Patina Teal Atelier color palette (#DAF5EB, #00A7A6, #007C97, #004F72, #362E57)
- Wandering Lapis color palette (#D7F2FF, #5F9EED, #514FCF, #5E287E, #4A2A4C)
- Dusty Study color palette (#FFE8FC, #779BE9, #4A50C7, #282A7C, #0E2048)
- Indigo Quarry color palette (#CEF7DE, #6DAEEF, #5172D5, #635094, #683F49)
- Ultramarine Lantern color palette (#FBE7FA, #568EDF, #A56A00, #0852AE, #4A2F05)
- Softworn Nightshade Harbor color palette (#D1EAEE, #0087BD, #002AC0, #29007E, #2D0743)
- Softworn Harbor color palette (#CEEBF8, #006CDF, #2F00A5, #2D004D, #26001E)
Browse the whole catalog at Explore, or see today's palette.