Petrol Study color palette — #D5F2FF · #007886 · #00374E · #191B22 · #00090B
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#D5F2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007886): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#00374E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#191B22): quiet, heavy and certain.
- Ink (#00090B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Petrol Study 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
- Lowlit Abyss color palette (#C8E6EB, #555A64, #003E46, #1B2229, #00070E)
- Hushed Drift color palette (#DAECF6, #00A2C4, #2B5D85, #003B4A, #00090E)
- Periwinkle Courtyard color palette (#E2EFFE, #51A4FF, #5D6294, #294362, #06131C)
- Twilit Market color palette (#DDEBFE, #0065D4, #2C2B5B, #16121B, #000619)
- Dusty Cornflower color palette (#D5E3F6, #4D83FE, #524E73, #1E304B, #00050D)
- Powder Pier color palette (#E8F4FC, #77C2E6, #6F7D8D, #435765, #1A2327)
- Soft Azure Meadow color palette (#D9ECFF, #0094E5, #AF7000, #0067A2, #190C00)
- Hushed Lantern color palette (#D8E2D9, #8DB6D3, #2C82E7, #006A7C, #060643)
Browse the whole catalog at Explore, or see today's palette.