Petrol Delta color palette — #D1F1F3 · #00B9DC · #009ECA · #006FB0 · #133158
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1F1F3): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00B9DC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#009ECA): A luminous, balanced blue — the color of open sky before noon.
- Slate (#006FB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#133158): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Delta 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
- Azure Studio color palette (#D8F5FB, #44CAFD, #00A7EC, #4B7FB8, #2C3B60)
- Airy Chapel color palette (#C0E6F5, #00A4E5, #007BE2, #2955B7, #17154B)
- Teal Loft color palette (#D5F0E5, #00C3AE, #00A5A5, #007B8B, #002F3D)
- Pale Aqua Chapel color palette (#8AF7F1, #00C6E0, #0084A9, #004877, #041953)
- Cerulean Courtyard color palette (#D6F1F8, #008EAF, #005C79, #00354C, #001628)
- Turquoise Station color palette (#DFF1FF, #D9CEF2, #E1AADF, #40A9C1, #21364D)
- Powdered Indigo Station color palette (#D1E1F3, #82ABFF, #6975FF, #6D58B1, #3A2552)
- Tangerine Summit color palette (#C3E3FC, #79CDFF, #EB822D, #0078A9, #421D00)
Browse the whole catalog at Explore, or see today's palette.