Powdered Petrol color palette — #CDF8F8 · #00B7D6 · #0098C7 · #006AAB · #1C2451
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Honeydew (#CDF8F8): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00B7D6): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0098C7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006AAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#1C2451): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Weathered Cornflower color palette (#D7E7EA, #00BBF5, #0092F1, #4E61B9, #292156)
- Teal Cabin color palette (#D6E7DC, #00C2A5, #0099A2, #00758B, #002D42)
- Aqua Pier color palette (#8CFBED, #00CBDD, #008ABB, #004788, #121049)
- Azure Hollow color palette (#D5EBFF, #8DC8FF, #2C9BF4, #036DB3, #00162B)
- Tempered Loft color palette (#DEF1FF, #66A4FF, #7777FA, #6E4FA8, #3C1849)
- Tempered Tangerine Boulevard color palette (#CBE1F5, #82CBFF, #F87818, #0076B0, #451B00)
- Patina Boulevard color palette (#E9F5FF, #D1DCFF, #E5ABF9, #4AA7AD, #193047)
- Weathered Mint Pier color palette (#F9D7D4, #00D986, #1B99E5, #244761, #0A151F)
Browse the whole catalog at Explore, or see today's palette.