Petrol Studio color palette — #D4E5D7 · #007984 · #022A52 · #001506 · #020400
Teal and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Celadon Mist (#D4E5D7): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#022A52): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#001506): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#020400): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Petrol Studio 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
- Midnight Pine color palette (#E8F1D7, #00804E, #003035, #0D1300, #040300)
- Deep Denim color palette (#D7EFE0, #005F72, #1A272D, #08173B, #000703)
- Dusty Canyon color palette (#D2F2FF, #0098A6, #24466F, #032B38, #011517)
- Antique Cobalt Market color palette (#E0F5EF, #2F78BC, #432734, #011B16, #040705)
- Bronze Atelier color palette (#C6F1DA, #0090B5, #8E7200, #6E6200, #001B25)
- Faded Azure color palette (#D5FCEC, #00A5E2, #AF7500, #00638A, #2F1C00)
- Lowlit Navy color palette (#F1E1F0, #002F7A, #071013, #0D0019, #000106)
- Feathered Olive Dune color palette (#FFEFDF, #B6A95A, #427C04, #005858, #262100)
Browse the whole catalog at Explore, or see today's palette.