Petrol Archive color palette — #E1EFE4 · #77A9BC · #0081A0 · #005E55 · #000B14
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E1EFE4): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#77A9BC): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005E55): A full-bodied, dusty teal — the color of sea glass.
- Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Cobalt Terrace color palette (#D7E2D9, #7AA7C3, #1476CA, #005B68, #01002F)
- Patina Meadow color palette (#F2E1DA, #67AFB9, #005C82, #002D1A, #00000B)
- Cerulean Loft color palette (#E9DDCC, #008897, #004254, #00201C, #000103)
- Timeworn Lagoon color palette (#E4EDE6, #94CAD8, #00A5B5, #00805F, #00242E)
- Frosted Periwinkle color palette (#E8F1EA, #B6D8F0, #4CACF6, #008F9B, #0D2B5D)
- Hushed Plum color palette (#F0D9E8, #B32D94, #756600, #006378, #050003)
- Misty Workshop color palette (#F1EBFF, #C36CB8, #03893E, #710069, #000902)
- Softworn Teal Orchard color palette (#F0F7F1, #CCE2FB, #81CADF, #1CB098, #2B4C62)
Browse the whole catalog at Explore, or see today's palette.