Petrol Archive color palette — #C3EDF7 · #007793 · #003E5C · #002342 · #000A38
A conversation between Teal and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#C3EDF7): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003E5C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#002342): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#000A38): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Archive 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
- Softworn Onyx Veranda color palette (#DBF0F2, #008CA4, #006288, #002E5E, #0F0048)
- Muted Cypress Coast color palette (#DDEEE5, #007967, #004844, #002B2E, #00171C)
- Hushed Denim Veranda color palette (#E5F1FB, #00649D, #6D3F00, #002F4E, #1A0B00)
- Violet Bloom color palette (#E1EFFF, #94A2EE, #935DC1, #00495C, #0C153A)
- Moonless Sapphire Villa color palette (#E6F0FD, #0067E1, #003269, #00102A, #000214)
- Aged Garnet color palette (#D0E1F4, #004D8C, #7B002C, #203800, #000716)
- Twilit Navy Veranda color palette (#DCF0FF, #0059BD, #1C008D, #140040, #0A001B)
- Airy Nightshade color palette (#D5E4F2, #006AE2, #1A00CA, #1C005C, #160034)
Browse the whole catalog at Explore, or see today's palette.