Shadow Petrol color palette — #C7E4F2 · #00778C · #003653 · #1A1B22 · #00090C
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#C7E4F2): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00778C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003653): A deep, shadowed, dusty blue — the color of open sky before noon.
- Onyx (#1A1B22): quiet, heavy and certain.
- Ink (#00090C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Shadow 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
- Abyss Thicket color palette (#C6E8D2, #50545D, #003D49, #1C232A, #000710)
- Azure Loft color palette (#DFF0FA, #00A0CC, #345C85, #003B4D, #00090E)
- Weathered Corridor color palette (#D3E2F6, #63A0FF, #626193, #2C4264, #08131C)
- Cornflower Quarry color palette (#DCE8FC, #607FFD, #564C74, #232D50, #00050D)
- Dusty Workshop color palette (#E9F3FC, #82BFE6, #6E7D92, #475763, #1C2326)
- Dusty Cornflower Bloom color palette (#E8F3EA, #84B5E1, #3D7DEF, #006982, #0C063F)
- Patina Archive color palette (#CAE4ED, #0092C4, #0072AD, #004B98, #080047)
- Feathered Courtyard color palette (#D6E9DE, #91A059, #398400, #00654D, #0E1200)
Browse the whole catalog at Explore, or see today's palette.